1.css的优先级
最开始的是先后顺序,再然后就是,一个标签选择器1分,一个类选择器10分,一个id选择器100,一个行内样式1000,!important就当无限分吧
2.css定义
标签选择器
p{
font-size:12px;
background:#900;
color:090;
}
<p>测试</p>
类选择器
.one{
font-size:12px;
background:#900;
color:090;
}
<p class="one">
ID选择器
#one{
font-size:12px;
background:#900;
color:090;
}
<p id="one">此处为p标签内的文字</p>
如果有相同名称的选择器
一般取后来的选择器
#one{
font-size:12px;
background:#900;
color:090;
}
#one{
font-size:12px;
background:#900;
color:080;
}
取的是080.
但如果加上!important
如
#one{
font-size:12px;
background:#900;
color:090 !import;
}
#one{
font-size:12px;
background:#900;
color:080;
}
color取的是上一个的,其它的取的是下面的属性
通配符定义
#div1 *{
background:#eee;/*设置DIV1里面所有的元素背景均为灰色*/
color:#333;/*设置置DIV1里面所有的元素的字体颜色均为黑色*/
}
<div id="div1">
<p>这里是p标签区域</p>
<div>这里是a标签区域</div>
</div>//div1里面的两个标签样式是一样
标签重置
body,div,p,a,ul,li{margin:0; padding:0;}
混合声明
#one,#three,.yellow{font-size:14px;}
#one{background:#ccc;}
嵌套声明
选择器也是可以嵌套的,如:
#div1 p a{color:#900;}/*意思是在ID为div1
内的p标签内的链接a标签的文字颜色为红色*/
这样的好处就是不需要在单独的为ID为div1的标签内的p标签内的a标签单独定义class选择器或者ID选择器
CSS高度自适应
overflow:auto; height:auto;
分享到:
相关推荐
html和css笔记 基础内容 自己做的比较
css笔记
自己整理的韩顺平的 div+css 笔记笔记,非常的完整,欢迎大家下载
Html\CSS+DIV学习笔记(史上最实用的CSS笔记).
css笔记整理(精简) 初识CSS CSS语法 CSS样式引入 css选择器 CSS中的块级元素与行内元素 background 背景(集合样式) font 文字(集合样式) border 边框(复合样式,集合样式) CSS 框模型概述
css大全,自己总结的css笔记,希望各位能喜欢!!
css的笔记
html css 笔记
css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角
最全的css笔记
韩顺平的div+css视频教程里边,讲课用的笔记
学习黑马前端36期的css笔记,快来下载吧,也可以关注我,联系我。
CSS手册,内容包含CSS几乎全部内容,可以作为手册快速学习,复习
html和css基础总结,适合入门web和初学者
CSS笔记.pdf
主要根据狂神说的视频整理CSS
html学习资料
本人上学的时候整理出来的html/css笔记,非常适合初学者看.
css笔记第一版 ,之后还会有HTML笔记,javascript笔记