首页 > 代码库 > css

css

选择器{属性:属性值;}        伪类选则器:——a:hover必须置于a:link和a:visited之后,才有效。a:active置于a:hover之后才有效。            属性    描述    CSS            :active    向被激活的元素添加样式。    1            :focus    向拥有键盘输入焦点的元素添加样式。    2            :hover    当鼠标悬浮在元素上方时,向元素添加样式。    1            :link    向未被访问的链接添加样式。    1            :visited    向已被访问的链接添加样式。    1            :first-child    向元素的第一个子元素添加样式。    2            :lang    向带有指定 lang 属性的元素添加样式。        标记选择器:HTML标记名作为选择器        类选择器:HTML中设置class属性,类选择器由“.”及类名名称直接相连        id选择器:只有页面上的标记(body标记及子标记)才能给定id。类选择器由“#”及类名名称直接相连    css选择器声明:        集体声明:“,”分隔多个选择器        全局声明:“*”    css定义与引用:        内联样式:<标记 style="属性1:属性值;.......">        内部样式表:<style type="text/html">css样式</style>        外部样式表:外部样式表写在.css文件里<link href="---.css" rel="stylesheet" type="text/css">只存在与head部分        导入外部样式表:<style type="text/css">@import url("---.css");</style>    css继承与层叠:行内样式>id 样式>class样式>标记样式    div图层:<div id="" class="" style="position:absolute;left:10px;top:10px;width:10px;height:10px;background:red">....</div>    span标记:是行内标记,行内元素。                <span id="样式名称" class="样式名称" >。。。。。</span >                                css属性值得单位    绝对单位:    相对单位:em,ex,px,%,css 文字样式        font-size:绝对大小,相对大小        font-style:normal/italic/oblique(默认,斜体,倾斜)        font-variant:normal/small-caps(正常,小型的大写之母字体)        font-weight:normal/bold/bolder/lighter/100~900(默认,粗体,特粗体,细体,)        font-family:字体1,字体2。。。。。        font属性:font-style font-weight font-variant font-size line-height css精细排版:    字符间距:letter-spacing:nomal|长度单位    首行缩进:text-index:长度单位|百分比单位    字符装饰:text-decoration:none|underline|blink|overline|line-through                blink;闪烁   underline  下划线 overline上划线 line-through 删除线     英文大小写转换:text-transform:capitalize(将每个单词的第一个字符转换成大写)|uppercase(大写)|lowercase(小写)|none(不转换)    水平对齐::left|right|center|justify(两端对齐)    垂直对齐:vertical-align:baseline | sub | super | top | text- top | middle | bottom | text-bottom | <百分比> | <长度> | inherit                 (baseline:基线对齐;sub:下标;super:上标;top:顶端对齐;text-top:与文本的顶端对齐;                middle:中部对齐;bottom:底端对齐; text-bottom:文本的底端对齐;)    行距属性:line-height:normal|lengthcss背景颜色:color:rgb(r%,g%,b%)|rgb(r,g,b)|#FFFFFF|colorname    背景属性:background            子属性:背景颜色:background-color                     背景图像:background-image:url|none                      图像浮动:float:left|center|right                     背景图像重复:background-repeat:repeat    默认。背景图像将在垂直方向和水平方向重复。                                     repeat-x    背景图像将在水平方向重复。                                     repeat-y    背景图像将在垂直方向重复。                                     no-repeat    背景图像将仅显示一次。                                     inherit    规定应该从父元素继承 background-repeat 属性的设置。                     背景附件:background-attachment:scall(文字在页面滚动时,背景附件一起滚动)|fixed(背景固定不动)                     背景位置:background-position:百分比|长度|关键字                                x% y%    第一个值是水平位置,第二个值是垂直位置                                xpos ypos    第一个值是水平位置,第二个值是垂直位置。                                left center right top button center                     background的复合:background-color|background-image|background-repeat|background-attachment|background-positioncss样式表:列表样式:list-style-type:属性                            none    无标记。                            disc    默认。标记是实心圆。                            circle    标记是空心圆。                            square    标记是实心方块。                            decimal    标记是数字。                            decimal-leading-zero    0开头的数字标记。(01, 02, 03, 等。)                            lower-roman    小写罗马数字(i, ii, iii, iv, v, 等。)                            upper-roman    大写罗马数字(I, II, III, IV, V, 等。)                            lower-alpha    小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)                            upper-alpha 大写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)            图像列表:list-style-image:url|none            列表图像位置:list-style-position:outside|inside            复合:ul{list:ul{URL} outside square}css盒子模型:内容(content)、填充(padding)、边框(border)、边界(margin)            边界属性:margin(-top|right|bottom|left):长度单位|百分比|auto    (上,右,下,左)            边框属性:                边框样式:border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|                    none    定义无边框。                    hidden    与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。                    dotted    定义点状边框。在大多数浏览器中呈现为实线。                    dashed    定义虚线。在大多数浏览器中呈现为实线。                    solid    定义实线。                    double    定义双线。双线的宽度等于 border-width 的值。                    groove    定义 3D 凹槽边框。其效果取决于 border-color 的值。                    ridge    定义 3D 垄状边框。其效果取决于 border-color 的值。                    inset    定义 3D inset 边框。其效果取决于 border-color 的值。                    outset    定义 3D outset 边框。其效果取决于 border-color 的值。                    inherit    规定应该从父元素继承边框样式                        border-top-style:样式值                        border-right-style:样式值                        border-bottom-style:样式值                        border-left-style:样式值                边框宽度:border-width:medium|thin|thick|length                        border-top-width:样式值                        border-right-width:样式值                        border-bottom-width:样式值                        border-left-width:样式值                边框颜色:border-color:color                        border-top-color:样式值                        border-right-color:样式值                        border-bottom-color:样式值                        border-left-color:样式值                边框复合:border-width|border-style|border-color                填充属性:padding:长度|百分比                            padding-top                            padding-right                            padding-bottom                            padding-leftcss加div布局:                                                                                                                                                                                                                                                                                                                                

 

css