CSS基础样式表

CSS分类

内联:直接写在标签里面,用style=“样式”,控制最精确

内嵌:写在<head></head>里面,用<style type =”text/css”> </style>

外部:引用<link herf =”路径” rel=”stylesheet” type=”text/css”/>

准确性排序:内联>内嵌>外部

CSS选择器

Class:.(点)来引用,根据class来找元素,可以控制多个元素,有重复的名字。

Id:用#来引用,根据id名来找元素,一次只能控制一个,不能有重复的名字

复合:(,)逗号:并列 同时控制 例如:divspan

)空格,后代控制  例如:#div li 受控制的是li

Class的就用 #div.li

CSS样式

背景:

background-color背景色

background-image:背景图片

background-repeat:背景的平铺方式

background-size:背景尺寸

backgroud-position:背景位置

字体:

font-family:字体样式

font-size:字体大小 12px 14px

font-style:ittalic 字体倾斜  italic倾斜

font-weight:粗细

Text-decoration:文字线

 

color:字体颜色

文字对齐方式:调整文字样式

text-align:水平对齐

line-height:行高

vertical-align:垂直对齐,配合行高使用

text-indent:缩进,单位像素

边界边框:调整内边距外边距

margin:外边距,上右下左

Padding:内边距,上右下左,如果增加了内边距,相应的要减少一下。例如设置div总高150px,要增加20px的拒顶距离,那div的高应该设置130px,内边距20px

列表方块:<ol></ol>,<ul></ul> 有序和无序

list-stylenone:将列表前面的序号去掉

list-styleimage 可以将掐妈妈的序号变成图片

布局:

positionfixed :固定定位,相当于游览器的边框定位,不管游览器怎么拖动,都在那个位置

Positionabsolute :绝对定位,相当于父级元素

Positionrelative:相对定位,相对于自身改出现的位置

 

 

 

 

流布局:floatleft向左流,floatright向右流

Clear清除流  

Clearboth清除所有的流

Clearleft 清除左边的流

Clearright 清除右边的流

z-index:分层,直接设置数值,数值越大越在前面

posted @ 2018-04-03 11:57  鲁系大厨  阅读(143)  评论(0编辑  收藏  举报