好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS属性_html/css_WEB-ITnose

CSS--属性 css属性键值对,property:value。主要是一下几类:
文字相关属性:控制文字的字体,颜色,修饰,阴影等属性。 font-family 设置字体类型,如"Arial"、"宋体"等
font-size 设置字体大小,常用度量单位pt和px
font-style 设置字体风格,可选值normal, italic和oblique
font-weigh 设置字体“重量”,常用值为normal和bold
font 综合设置上述各种字体属性


段落相关属性:控制整个段或者div的显示效果,包括文字的缩进,文字的对齐方式。 text-align 设置文本对齐方式,可选值left,center,right,justify
text-indent 设置首行缩进,其值可采用绝对或相对的长度单位及百分比
line-height 设置行高,其值可采用绝对或相对的长度单位及百分比
letter-spacing 设置字符间距,其值可采用绝对或相对的长度单位
color 设置文字颜色


背景相关属性:控制背景色,背景图片等属性。 表格相关属性:控制表格的外观。 大小相关属性:控制目标对象的长,宽,最小长度,宽度等属性。 在CSS样式表中,长度单位分为两类:

位置相关属性:控制目标对象的位置,包括是否悬浮于页面上。这里有必要说下这类相关属性,其实这就是css的定位机制。

文档流
行框:按顺序水平摆放,放不下出现滚动条
块框:按顺序垂直摆放,放不下出现滚动条
1,相对定位,原来在文档流中的位置仍然保留,当前位置是相对于原始位置偏移后的结果。

position: relative;#pos {position: relative;top: 5px;left: 55px;} 
2,绝对定位 position: absolute;
从文档流中删除其原来的位置,就好像该元素从来都不存在一样。它当前所处的位置如果和其他元素重合则会遮盖住其他元素的显示,这就是 CSS 中层的概念。当前位置的定位有两种情况:
①父容器以及祖先容器未定位:相对于浏览器左上角
#pos {position: absolute;top: 0px;left: 0px;} 

②存在已定位的祖先元素:相对于最接近的已定位的祖先元素

查看更多关于CSS属性_html/css_WEB-ITnose的详细内容...

  阅读:32次