CSS使用

CSS属性操作

CSS text

文本颜色:color
水平对齐:text-align (left right center justify-两端对齐) 文本其他属性:

font-size: 10px;

line-height: 200px;   文本行高 通俗的讲,文字高度加上文字上下的空白区域的高度 50%:基于字体大小的百分比

vertical-align:-4px  设置元素内容的垂直对齐方式 ,只对行内元素有效,对块级元素无效


text-decoration:none       text-decoration 属性用来设置或删除文本的装饰。主要是用来删除链接的下划线

font-family: 'Lucida Bright'

font-weight: lighter/bold/border/

font-style: oblique

text-indent: 150px;      首行缩进150px

letter-spacing: 10px;  字母间距

word-spacing: 20px;  单词间距

text-transform: capitalize/uppercase/lowercase ; 文本转换,用于所有字句变成大写或小写字母,或每个单词的首字母大写

背景属性

background-color
background-image
background-repeat
background-position

边框属性

border-width
border-style(required)
border-color

列表属性

list-style-type 设置列表项标的类型
list-style-image 将图像设置为列表项标志
list-style-position 设置列表中列表项标志的位置
list-style 简写属性

dispaly属性

none 隐藏标签 block 内联转块级 inline 块级转内联 inline-block

margine padding

margine 外边距, 元素与元素之间距离
padding 内边距,内容与边框间的距离
Border 围绕在内边距和内容外的边框
Content 盒子的内容,显示文本和图像

float

http://blog.csdn.net/helllochun/article/details/51615136

position(定位)

relative:相对定位

以自己原始位置为参照物,移动后还占有原来位置

absolute:绝对定位

设置为绝对定位的元素框从文档流完全删除,并相对于最近的已定位祖先元素定位,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块(即body元素)。

重点:如果父级设置了position属性,例如position:relative;,那么子元素就会以父级的左上角为原始点进行定位。这样能很好的解决自适应网站的标签偏离问题,即父级为自适应的,那我子元素就设置position:absolute;父元素设置position:relative;,然后Top、Right、Bottom、Left用百分比宽度表示。

fixed

被设置为fixed的元素会被定位于浏览器窗口的一个指定坐标,不论窗口是否滚动,它都会固定在这个位置。

原文地址:https://www.cnblogs.com/jmblog/p/7682495.html