WEB开发网
开发学院网页设计心得技巧 css---心得 阅读

css---心得

 2012-05-25 10:19:33 来源:WEB开发网   
核心提示:pc(pica点=12点)px(像素点),设置字体——font-family设置字号——font-size设置字体样式——font-style设置字体加粗——font-weight设置字体变体——fo

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).Ø利用百分比和长度设置图片位置时,都要指定两个值,并且这两个值要用空格隔开。一个代表水平位置,一个代表垂直位置。水平位置的参考点是网页页面的左边,垂直位置的参考点是页面的上边。

上一页  1 2 3 4  下一页

Tags:css 心得

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接