CSS---样式表

CSS:层叠样式表,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS特点:实现网页内容与样式的分离

CSS选择器(优先级):ID选择器>类选择器>HTML标签选择器

  1. id选择器(优先级最高 0100)如:#id{...}
  2. 类选择器(优先级次之 0010)如:.class{...}
  3. 标签选择器 (优先级最低 0001,涉及最广)如: div{...}

选择器是什么:

所谓CSS选择器(selector)就是,对HTML页面中的元素实现一对一,一对多或者多对一的控制,从而实现布局调整,元素类型重定义,元素美化,文本、图像美化,完善交互,播放动画等一系列的功能

怎么用:

ID选择器:只能有一个样式

<span id="special">栏目四</span>

类选择器:可以通过空格,增加样式,如果有样式起冲突,会根据CSS排列顺序进行替换,例如:第一个样式是红色,第二个样式是蓝色,如果再CSS中蓝色样式在红色之后,那么就会被替换成蓝色显示在界面中(下面是两个样式niu和menu)

<span class="niu menu">栏目五</span>

标签选择器:直接在CSS中定义,写出名称即可

/*标签选择器*/
body {
    color:#ff0000;
}
<body>
    <span>栏目四</span>    
</body>

也可以并列书写,说明颜色是一样的,用逗号隔开

/*并列书写*/
.menu,.title{
    background-color:#808080;
}
发布了108 篇原创文章 · 获赞 13 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/lclcsdnblink/article/details/100854705