Windows 7 32 位
记事本
Google Chrome浏览器
如果要在HTML代码中使用外部样式表,首先需要在
中使用标签对样式表文件进行引入。如:接着你需要对HTML标签设置选择器:'id'和'class'选择器;①'id'选择器可以为标有特定id的HTML标签做特定的样式,使其显示独特的效果。在HTML中使用id选择器,在css文件中需要用'#'来定义。②'class'选择器用于描述一组元素的样式,class可以在多个元素中使用。在HTML中使用class选择器,在css文件中需要用'.'来定义。
接着在css文件中添加显示效果的属性,如背景色,字体大小,字体样式,字间距,段间距等等。然后使用浏览器打开,查看效果是否和预想中的一样。
CSS Backgrounds(背景)background为简写属性,用于简化代码。其中包含:①background-color定义元素的背景颜色;②background-image定义元素的背景图像,默认为平铺重复显示;③background-repeat设置背景图像是否重复和如何重复;④background-attachment背景图像是否固定或者随着页面的其余部分滚动。⑤background-position设置背景图片的起始位置
CSS文本属性:①color设置文本颜色;②direction设置文本方向;③letter-spacing设置字符间距;④line-height设置行高;⑤text-align对其元素中的文本;⑥text-decoration向文本添加修饰;⑦text-indent缩进元素中文本的首行;⑧text-shadow设置文本阴影;⑨text-transform控制元素中的字母;⑩vertical-align设置元素的垂直对其。注:其余用到请参考css参考文档。
CSS 字体属性:①font在一个声明中设置所有的字体属性;②font-family指定文本的字体系列;③font-size指定文本的字体大小;④font-style指定文本的字体样式;⑤font-variant以小型大写字体或者正常字体显示文本;⑥font-weight指定字体的粗细;
CSS列表属性:①list-style简写属性;②list-style-image将图片设置为列表项标志;③list-style-position设置列表中列表项标志的位置;④list-style-type设置列表项标志的类型。
仅个人学习总结,以便今后使用