网页 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:上右下左

三,列表与方块

四,格式与布局

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。