CSS（一）

最新推荐文章于 2024-07-15 11:02:04 发布

始于初见i

最新推荐文章于 2024-07-15 11:02:04 发布

阅读量140

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/broad_ocean/article/details/78721973

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、简介

1、特点：实现了网页内容与样式的分离；

2、CSS选择器的优先级

ID选择器（“#id名”）：唯一性
类选择器（“.class名”）
HTML选择器，在body中,例如
body { color: #808080; }

实例分析

一段html中的body部分

<body>
    <span id="special" class="menu">栏目一</span>
    <span class="menu wen">栏目二</span>
    <span class="menu">栏目三</span>
    <span class="title">这是<span >一个</span>标题</span>
    12345
</body>

下面，我们为这段HTML页面添加样式

body {
    color: #808080;
}

.menu {     /*类选择器 栏目样式*/
    color:#b200ff；/*文字颜色*/
}

.title {    /*新闻标题样式*/
    color: #ff0000;
}

#special {    /*id选择器*/
    font-weight:bold;                  /*字体为粗体*/
    color:#ffd800;
}

.title span {   /*子标签样式  父子标签用一个空格隔开，这里体现在'title'上*/
    color:#00ff21;
    font-style :italic;
    font-size :16px;1/
    font-weight:bold;
}

.wen {    /*栏目二的另一个class样式*/
    text-decoration:underline;
}

.menu, .title {     /*并列关系，共同设置一个属性*/
    background-color:#b6ff00;
    color :#eeeeee;
}

始于初见i

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS（一）

一、简介1、特点：实现了网页内容与样式的分离；2、CSS选择器的优先级ID选择器（“#id名”）：唯一性类选择器（“.class名”）HTML选择器，在body中,例如 body { color: #808080; }实例分析一段html中的body部分<body> <span id="special" class="menu">栏目一</span> <span c
复制链接

扫一扫