学习笔记 - Css

CSS全名Cascading Style Sheet,用于html页面布局.

使用的方式:

1.引用外部样式表(css)文件,便于多网页同时使用

2.使用内部样式表

3.使用元素中的样式表

颜色表示:

1.十六进制: 红色 #ff0000 或 #f00

2.颜色名:红色 red

3.RGB值:红色 RGB(255,0,0)

4.RGB百分比:红色 RGB(100%,0%,0%)

使用: color:颜色

CSS颜色对照表（HTML亦可）

长度定义:

in英寸=2.54cm厘米

mm,1em=当前对象文本的字体高度默认是16px

px,pt点=1/72in,pc皮卡=12pt

CSS长度单位参考

字体定义(可简写Font:...order..):

font-style             

font-variant

font-weight

font-size/line-height*

font-family*

背景定义(可简写background:...order..):

background-color

background-image

background-repeat

background-position

边框线定义(可简写border:...order...)

border-color

border-style

border-width

元素内容的间距和边距定义(同样可简写)

padding-top

padding-right

padding-bottom

padding-left

 

css样式大全

CSS属性大全

css大全

样式表用法:

注意:

不同浏览器,对CSS的适用性不同

 

 

 位置结构的定义

display:显示方式none,inline,block,list-item

visibility:hidden,visible

float:排列方式,专门用于块元素横向排列,遇到"clear:both"清楚排列方式,none,left,right

clear:取消float方式

position:static,relative,absolute(相对位置的绝对位置),fixed

left/top/right/bottom:坐标值 auto

sursor:光标图案,autom,crosshair,defualt,pointer,move,e-resize,ne-resize.....

overflow:指定超出元素范围的处理方式auto,hidden,visible,scroll

vertical-align:垂直方向对齐方式baseline,sub,super,top,text-top,middle,bottom....