CSS样式表标签
CSS样式表标签选择符大全
一、类型选择符 以下是代码片段:body { font-size:12px; } P { color:blue; } 指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。 二、群组选择符 以下是代码片段:h4,p,span { font-size:12px; } 表示页面所有的h4,p,span标签内文字都为12px大小,即对一组对象进行相同的样式指定,每个标签之间用逗号分隔开来。 三、包含选择符 以下是代码片段:div p { font-weight:bold; } 表示div标签里边的p标签内的文字为粗体字、这是一种包含关系,每个标签之间用空格隔开,可以为多级包含。 四、id和class选择符 id是对页面中的唯一元素进行样式定义,这个样式在页面中只使用一次、即id不重复 以下是代码片段:
..
#myDiv { font-size:12px; } class定义的是通用或经常使用的样式,一种样式在一个页面中需要出现多次,即可以为不同的标签指定相同的class,如下表示:div和p标签内的字体都是蓝色 以下是代码片段:
..
.red { color:blue; } 五、组合选择符 使用id或class,同时也使用标签来进行组合 以下是代码片段:h1 #cont { } 表示id为cont的h1标签 以下是代码片段:h1 .cont { } 表示所有class为cont的h1标签 六、伪类选择符 常见为A标签 以下是代码片段:a:link { } a:hover { } a:visited { } 七、通配选择符 以下是代码片段:* { color:blue; } 表示所有对象的字体都为蓝色。
CSS标签大全
字体属性:(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位:PX、PD、EM粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常)变体 font-variant: small-caps;(小型大写字母) normal;(正常)大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)
常用字体:(font-family)"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
背景属性:(background)色彩background-color: #FFFFFF;图片background-image: url();重复background-repeat: no-repeat;滚动background-attachment: fixed;(固定) scroll;(滚动)位置background-position: left(水平) top(垂直);简写方法 background:#000 url(..) repeat fixed left top;
区块属性: (Block)字间距letter-spacing: normal; 数值对刘text-align: justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)缩进text-indent: 数值px;垂直对齐vertical-align: baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;词间距word-spacing: normal; 数值空格white-space: pre;(保留) no
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)