一,字体的选用
1.font-family属性是可以指定字体的。
2.为了防止用户没有安装某些字体,我们可以指定一组字体。
3.如果字体名字是由多个单词组成的,那这个字体名字就要由双引号包括在内。
4.选用网上的字体:@font-face{ font-family:#; src:url(#); }
二,字体的大小
1.像素:如16px。
2.百分数:如100%。
3.EM值:如1.3em。
一个em值相当于一个m的大小。
三,粗体
1.font-weight:bold
bold值讲将使文本以粗体显示。
2.font-weight:normal
normal值讲使文本以普通粗细显示。
四,斜体
1.font-style:normal
normal值将使文本以普通字体显示。
2.font-style:italic
italic值将使文本以斜体显示。
3.font-style:oblique
oblique值将使文本倾斜显示。
五,大写和小写
1.text-transform:uppercase
uppercase值将使文本以大写显示。
2.text-transform:lowercase
lowercase值将使文本以小写显示
3.text-transform:capitalize
capitalize值将使文本中的每一个单词的首字母以大写显示
六,下划线和删除线
1.text-decoration:none
none值会把应用在文本上的装饰线删除
2.text-decoration:underline
underline值会在文本底部增加一条实线
3.text-decoration:overline
overline值会在文本的顶部加上一条实线
4.text-decoration:line-through
line-through值会用一条实线穿过文本
5.text-decoration:blink
blink值会使文本动态闪烁,不建议用,因为会让用户觉得很烦
七,行间距
行间距是指某一行字母下缘的低端到下一行字母上缘顶部之间的距离。
1.line-height:1.4em
八,字母间距和单词间距
1.letter-spacing:0.2em
控制字母之间的间距
2.word-spacing:1em
控制字母与字母之间的间距
九,对齐方式
1.text-align:left
向左对齐
2.text-right
向右对齐
3.text-center
文本居中
4.text-justify
文本两端对齐。
十.css3投影
text-shadow:1px 1px 3px #666666;
1.第一个长度值表明阴影向左或向右延伸的距离
2.第二个长度值表明阴影向上或向下延伸的距离
3.第三个长度值为可选项,用于指定投影的模糊程度
4.第四项是投影的颜色值
十一,链接样式
1.a:link{color:deepink;}
:link 该伪类允许你为那些未访问过的链接设置样式
2.a:visites{color:black;}
:visites 该伪类允许你为那些已经访问过的链接设置样式
十二,响应用户
1. :hover 该伪类在用户将定位设备悬停在某个元素上生效,就可与改变元素的样式。
2. :active 该伪类在用户在元素上进行操作时生效
3. :focus 该伪类在元素拥有焦点是生效。
十三,特性选择器
1.简单选择器 [ ] 如p[ class ]
应用于所以包含class特性的<p>元素
2.精确选择器 [=] 如p[class="cat"]
应用于所以class特性值为cat的<p>元素
3.部分选择器 [~=] 如p[clss~="cat"]
应用于其中的cat
4.开头选择器 [^=] 如p[attr^"d"]
应用于其中的以字母d开头的元素。
5.包含选择器 [*=] 如p[attr*"do"]
应用于含有do的特定元素
6.结尾选择器 [$=] 如p[attr$"g"]
应用于以g结尾的特定元素