首页 > 代码库 > css
css
1.CSS 特点
1、页面内容与表现形式分离
2、可很好的控制页面的布局
3、提高网页加载速度
4、降低服务器的成本
5、呈现一致的效果
2.link和@import的区别
一般使用link较多,推荐使用link
两者都是外部引用CSS的方式,但是存在一定的区别:
区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面完全载入以后加载。
区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
区别4:link支持使用Javascript控制DOM去改变样式;而@import不支持。
3.选择器优先级
标签内引入的样式高于一切选择器
ID选择器
类选择器
标签选择器
4.字体设置:
(1)字体设置建议
1.中文页面建议以宋体为首选,其他字体次之。
2.英文页面建议以Arail/Tahoma等字体。
3.中英结合网站建议最好用英文字体。
4.特殊字体一律用图片。
(2)font-style 字体风格
font-style: normal | italic | oblique
normal : 常规字体
italic : 斜体
oblique : 倾斜
通常情况下,italic和oblique文本在web浏览器中看上去是完全一样
(3)复合属性 font
使用font作为属性名称,后接各个属性值即可,各个属性值之间用空格分开。通常不采用简写的模式。
5.文本设置
(1)text-decoration 文本修饰
text-decoration: none | underline | line-through| overline
none: 无文本修饰(浏览器默认初始值)
underline : 表示有下划线
line-through : 表示有贯穿线/删除线
overline : 表示有上划线
(2)text - indent 文本缩进
text-indent: length;
常用单位是 px 或者是 em(一个中文)
(3)字词间隔设置
word - spacing 字词间隔
word-spacing: normal | length;
length : 接受一个正长度值或负长度值。如果提供一个正长度值,那么字词之间的间隔就会增加。设置一个负值,会把它拉近。
<p id="con"> 的根本how are you </p> #con{ text-decoration: line-through; word-spacing: 20px; }
效果:(如果要改变文字之间的间隔,除非你的文本写的时候有空格)
(4)字符间隔设置
<p id="con1">的根本thow are you</p> #con1{ letter-spacing: 20px; }
效果:
css