多语言展示
当前在线:1414今日阅读:103今日分享:49

CSS应用总结一【①学习笔记之CSS】

1>.CSS指层叠样式表(Cascading Style Sheets),样式可以用来定义HTML中元素的属性。插入样式表的方式有三种:外部样式表、内部样式表、内联样式表。2>.CSS规则由两个主要的部分组成:选择器,以及一条或者多条声明。3>.通常为了便于维护以及代码的简洁和美观,以及多页面使用同一个样式表,一般使用外部样式表。4>.多重样式将层叠为一个,内联样式-->内部样式-->外部样式-->浏览器缺省设置。
工具/原料
1

Windows 7 32 位

2

记事本

3

Google Chrome浏览器

方法/步骤
1

如果要在HTML代码中使用外部样式表,首先需要在中使用标签对样式表文件进行引入。如:

2

接着你需要对HTML标签设置选择器:'id'和'class'选择器;①'id'选择器可以为标有特定id的HTML标签做特定的样式,使其显示独特的效果。在HTML中使用id选择器,在css文件中需要用'#'来定义。②'class'选择器用于描述一组元素的样式,class可以在多个元素中使用。在HTML中使用class选择器,在css文件中需要用'.'来定义。

3

接着在css文件中添加显示效果的属性,如背景色,字体大小,字体样式,字间距,段间距等等。然后使用浏览器打开,查看效果是否和预想中的一样。

4

CSS Backgrounds(背景)background为简写属性,用于简化代码。其中包含:①background-color定义元素的背景颜色;②background-image定义元素的背景图像,默认为平铺重复显示;③background-repeat设置背景图像是否重复和如何重复;④background-attachment背景图像是否固定或者随着页面的其余部分滚动。⑤background-position设置背景图片的起始位置

5

CSS文本属性:①color设置文本颜色;②direction设置文本方向;③letter-spacing设置字符间距;④line-height设置行高;⑤text-align对其元素中的文本;⑥text-decoration向文本添加修饰;⑦text-indent缩进元素中文本的首行;⑧text-shadow设置文本阴影;⑨text-transform控制元素中的字母;⑩vertical-align设置元素的垂直对其。注:其余用到请参考css参考文档。

6

CSS 字体属性:①font在一个声明中设置所有的字体属性;②font-family指定文本的字体系列;③font-size指定文本的字体大小;④font-style指定文本的字体样式;⑤font-variant以小型大写字体或者正常字体显示文本;⑥font-weight指定字体的粗细;

7

CSS列表属性:①list-style简写属性;②list-style-image将图片设置为列表项标志;③list-style-position设置列表中列表项标志的位置;④list-style-type设置列表项标志的类型。

注意事项

仅个人学习总结,以便今后使用

推荐信息