常用样式

最新推荐文章于 2024-08-31 21:39:38 发布

二三子_

最新推荐文章于 2024-08-31 21:39:38 发布

阅读量126

点赞数 1

分类专栏： Web前端技术文章标签： css html

本文链接：https://blog.csdn.net/dai_0724/article/details/115313523

版权

Web前端技术专栏收录该内容

4 篇文章 0 订阅

订阅专栏

实例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- css一般放置在head文件内部 -->
    <!-- 
        style放置css
        选择标签{
            书写样式
        }
        同样的样式，后写的生效
        选择标签方式:
        1、通过标签名
        2、通过类名
        3、通过id名
        
        找到所要审查的标签，在标签身上，右键->审查元素
        审查元素的时候，
        1、只是单纯的样式上面删除线，说明样式冲突。
        2、前面带有黄色的!,并且样式上面有删除线,说明代码写的有问题
     -->
    <style>
        p{
            /* 文字颜色 样式结束，必须加分号 */
            /* 颜色的色值，可以是英文，可以是十六进制 */
            color:#012245;
            /* 文字大小,基本单位px 文字默认大小16px  不能小于12px */
            font-size:20px;
            /* 文字字体 如果值是中文，一定要加双引号  不是所有字体写了都会有效，有些文字有版权 */
            font-family: "楷体";
            /* 文字加粗 */
            font-weight: bold;
            /* 文字倾斜 */
            font-style: italic;
            /* 文字下划线 */
            /* text-decoration: underline; */
            /* 文字中横线 */
            text-decoration: line-through;
            /* 文字行高：测量从第一行文字顶部到第二行文字顶部，中间的留白 */
            line-height: 20px;
            /* 首行缩进 em相对当前文字大小  2em相当于2倍的文字大小*/
            text-indent: 2em;
            /* color:blue; */
        }
        a{
            color:aqua;
            /* 文字去除下划线 */
            text-decoration: none;
        }
        h1{
            font-size: 12px;
            color:blue;
            /* 文字不加粗 */
            font-weight: normal;
        }
    </style>
</head>

<body>
    <h1>标题</h1>
    <p>2010年1月，参加《先声夺金，唱响亚运》歌手挑战赛全国总决赛，止步五强，并获得“优秀亚运歌手”称号 [2] [21]
        ；之后参加广东电视台珠江频道《虎年群星耀珠江》春节联欢晚会演出；5月，通过湖南卫视节目《快乐男声》的海选，获得迅雷网络直通区5强 [22] ，进入全国300强；6月，在突围赛中被淘汰，之后入围“快乐天团”候选名单 [23]
        。2010年1月，参加《先声夺金，唱响亚运》歌手挑战赛全国总决赛，止步五强，并获得“优秀亚运歌手”称号 [2] [21]
        ；之后参加广东电视台珠江频道《虎年群星耀珠江》春节联欢晚会演出；5月，通过湖南卫视节目《快乐男声》的海选，获得迅雷网络直通区5强 [22] ，进入全国300强；6月，在突围赛中被淘汰，之后入围“快乐天团”候选名单 [23]
        。2010年1月，参加《先声夺金，唱响亚运》歌手挑战赛全国总决赛，止步五强，并获得“优秀亚运歌手”称号 [2] [21]
        ；之后参加广东电视台珠江频道《虎年群星耀珠江》春节联欢晚会演出；5月，通过湖南卫视节目《快乐男声》的海选，获得迅雷网络直通区5强 [22] ，进入全国300强；6月，在突围赛中被淘汰，之后入围“快乐天团”候选名单 [23]
        。2010年1月，参加《先声夺金，唱响亚运》歌手挑战赛全国总决赛，止步五强，并获得“优秀亚运歌手”称号 [2] [21]
        ；之后参加广东电视台珠江频道《虎年群星耀珠江》春节联欢晚会演出；5月，通过湖南卫视节目《快乐男声》的海选，获得迅雷网络直通区5强 [22] ，进入全国300强；6月，在突围赛中被淘汰，之后入围“快乐天团”候选名单 [23]
        。</p>
        <a href="">百度</a>
</body>

</html>

二三子_

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
常用样式

常用样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> 
复制链接

扫一扫