网页 css
css---- 层叠样式表(Cascading Style Sheet)
一,层叠样式表的分类
1,外部样式表:在外部定义样式表,然后在页面head里面附加该样式表
2,内嵌样式表:直接在网页head标签里定义样式表
3,内联样式表:放在标签的style属性里面
二,选择器
1,基本选择器
(1)id选择器:用#xx定义
(2)class选择器:用.xx定义
(3)标签选择器:<p style=""></p>
2,组合选择器
(1)用逗号隔开:表示并列关系
(2)用空格隔开:表示后代关系
(3)筛选:标签名.class选择器 如input.dd //class为dd的input标签
优先级:
1.一般来说,ID选择器优先级要高于class选择器的优先级,class选择器的优先级高于标签选择器的优先级。
2.对于同一类型的选择器,内联样式的优先级要高于内嵌,内嵌样式的优先级要高于外部的。
层叠的意思?
1,样式表类型的层叠:可以在外部样式表、内嵌样式表、内联样式表中共同定义一个标签的不同属性,来共同控制该标签的属性
2,选择器的层叠:可以用不同选择器来共同定义一个标签的属性,来共同控制该标签的属性
3,父子元素的层叠:在body等父级元素定义的属性会影响到下面class选择器和id选择器中定义的属性
三,样式表的属性
1,背景与前景
(1)背景
background-color:背景色。
background-image:url(路径) 背景图
background-attatchment: fixed-背景固定;scroll-背景与文字一起滚动
background-repeat: repeat:平铺;no-repeat:不平铺; repeat-x,repeat-y.
background-position: right 100px bottom 200px; //距右边100px下边200px
(2)前景
font-family:字体
font-size:字体大小
color:颜色
font-weight:加粗
font-style:倾斜
text-decoration: underline,overline,line-through
text-align: left,center,right
vertical-align: top,middle,bottom
line-height:行高。一般是font-size的1.5-2倍。
(二)边界与边框
1.边框:二维表格。
2.外边距:margin:上右下左
3.内边距:padding:上右下左
三,列表与方块
四,格式与布局
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。