网页设计中css属性

下载文档

ID：6164987

大小：35.00 KB

页数：3页

时间：2018-01-05

收藏

资源描述：

《网页设计中css属性》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计中CSS属性（一）的介绍及实例应用CSS属性包括：字体、文本、背景、定位、尺寸、布局、外补丁、轮廓、边框、内容、内补丁、列表、表格、滚动条等属性。1.字体属性1.1：font-style语法font-style:normal

2、italic

3、oblique取值：normal:默认值。正常的字体。italic:斜体。对于没有斜体变量的特殊字体，将应用oblique。oblique:倾斜的字体示例：倾斜的字体

1.2：color语法color:color取值：color:　指定颜色。示

4、例：指定字体颜色

1.3：font-family语法font-family:namefont-family:ncursive

5、fantasy

6、monospace

7、serif

8、sans-serif取值：name:　字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格，则应使用引号括起。第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列，将提供默认字体序列。示例：指定字体类型

9、：font-size语法font-size:xx-small

10、x-small

11、small

12、medium

13、large

14、x-large

15、xx-large

16、larger

17、smaller

18、length取值：xx-small:　绝对字体尺寸。根据对象字体进行调整。最小x-small:　绝对字体尺寸。根据对象字体进行调整。较小small:　绝对字体尺寸。根据对象字体进行调整。小medium:　默认值。绝对字体尺寸。根据对象字体进行调整。正常large:　绝对字体尺寸。根据对象字体进行调整。大x-large:　绝对字体尺寸。根据对象字体进行调整。较大xx-large:　绝对

19、字体尺寸。根据对象字体进行调整。最大larger:　相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的em单位计算smaller:　相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的em单位计算length:　百分数

20、由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。示例：p{font-style:normal;}p{font-size:12px;}p{font-size:20%;}1.5：font-style语法font-style:normal

21、italic

22、oblique取值：normal:　默

23、认值。正常的字体italic:　斜体。对于没有斜体变量的特殊字体，将应用oblique。oblique:　倾斜的字体示例：p{font-style:normal;}p{font-style:italic;}1.6：font-weight语法font-weight:normal

24、bold

25、bolder

26、lighter

27、100

28、200

29、300

30、400

31、500

32、600

33、700

34、800

35、900取值：normal:　默认值。正常的字体。相当于400。声明此值将取消之前任何设置bold:　粗体。相当于700。也相当于b对象的作用bolder:　比normal>粗light

36、er:　比normal>细100:　字体至少像200那样细200:　字体至少像100那样粗，像300那样细300:　字体至少像200那样粗，像400那样细400:　相当于normal500:　字体至少像400那样粗，像600那样细600:　字体至少像500那样粗，像700那样细700:　相当于bold800:　字体至少像700那样粗，像900那样细900:　字体至少像800那样粗示例：span{font-weight:800;}1.7：font-variant语法font-variant:normal

37、small-caps取值：normal:　默认值。正常的字

38、体small-caps:　小型的大写字母字体示例：canyou