css---心得
2012-05-25 10:19:33 来源:WEB开发网pc(pica点=12点)
px(像素点)。
设置字体——font-family
设置字号——font-size
设置字体样式——font-style
设置字体加粗——font-weight
设置字体变体——font-variant
组合设置字体属性——font
Ø应用font-family属性可以一次定义多个字体,而在浏览器读取字体时,会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体,则自动读取第二种字体,若第二种字体也找不到,则自动读取第三种字体,这样依次类推。如果定义的所有字体都找不见,则选用计算机系统的默认字体。
Ø在定义英文字体时,若英文字体名是由多个单词组成,并且单词之间有空格,那么一定要将字体名用引号(单引号或双引号)引起来。如:font-family:“Courier New”,定义了一个字体为CourierNew。
9.Ø绝对尺寸是指尺寸大小不会随着显示器分辨率的变化而变化,也不会随着显示设备的不同而变化。如用绝对尺寸设置的文字在显示器分辨率为960×600和分辨率为1024×768下所显示的大小是一样的。
Ø绝对尺寸和相对尺寸也可以使用关键字来定义字号。绝对尺寸的关键字有七个,分别为xx-small(极小)、x-small(较小)、small(小)、medium(标准大小)、large(大)、x-large(较大)、xx-large(极大)。相对尺寸则仅有两个关键字,分别为larger(较大)和smaller(较小)。相对尺寸的larger是指在它的上一个关键字基础上扩大一级,smaller则是在它上一个关键字基础上缩小一级。
11.Ø normal表示正常的字体,默认值就为这个字体。
Ø small-caps表示英文字体显示为小型的大写字母。
调整字符间距——letter-spacing
调整单词间距——word-spacing
添加文字修饰——text-decoration
设置文本排列方式——text-align
设置段落缩进——text-indent
调整行高——line-height
转换英文大小写——text-transform
12.修饰文字:text-decoration:underline|overline|line-through|blink|none
13. 设置文本排列方式——text-align
1).justify代表两端对齐方式。
2). 该属性可应用于HTML中的任何模块级标记,如<p>,<h1> ~ <h6>等。
14.1).设置段落缩进——text-indent
2).调整行高——line-height
3).转换英文大小写——text-transform
text-transform:uppercase|lowercase|capitalize|none
15. 设置颜色——color
设置背景颜色——background-color
插入背景图片——background-image
插入背景附件——background-attachment
设置重复背景图片——background-repeat
设置背景图片位置——background-position
1).transparent表示透明值,是背景颜色background-color属性的初始值。
2).background-image:url|none(none是一个默认值,表示没有背景图片)
3).background-attachment:scroll|fixed(1.scroll表示背景图片是随着滚动条的移动而移动。是浏览器的默认值。2. fixed表示背景图片固定在页面上不动,不随着滚动条的移动而移动。)
4).background-repeat:repeat|repeat-x|repeat-y|no-repeat
5).Ø利用百分比和长度设置图片位置时,都要指定两个值,并且这两个值要用空格隔开。一个代表水平位置,一个代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是页面的上边。
更多精彩
赞助商链接