上篇文章讲了HTML,今天讲讲CSS。所谓CSS是指层叠样式表(CascadingStyleSheets),通过样式表的引入大大提高了工作效率。什么是CSS?CascadingStyleSheet层叠样式表语言(不是编程语言,属于样式表语言,没有变量,数据类型,控制语句...)CSS其实就是专门用来修饰HTML,让HTML看起来更好看的。CSS是HTML的装饰品。CSS是为HTML服务的,所以HTML还是主体,CSS是依附于HTML的,所以对于CSS的开发,我们还是需要新建一个html/htm文件。如何在HTML中嵌入CSS样式?第一种方法:内联定义第二种方法:定义内部样式块对象第三种方法:在外部样式表文件中链接(这种方法最常用!)如果想深入学习CSS,建议初学者可以使用视频的观看方式,对于选择器的优先级比较好理解:标签选择器的优先级最低。接下来是类选择器。最高优先级是id选择器。CSS设置背景(background)背景颜色background-colorbackgroundimagebackground-imagebackgroundrepeatbackground-repeat:repeat-x/repeat-y背景位置background-position:bottom/left/top/right/centerbackgroundassociationbackground-attachment:fixed/scroll综合写法:.tagName{background:#ffffffurl(“aa.jpg”)no-repeatrightleft;}CSS设置文本格式通过文本属性,可以改变文本的颜色,字符间距,对齐文字、装饰文字、缩进文字等文本缩进:Text-indent:2em文本对齐方式:Text-align:left/right/center/justify文本装饰:Text-decoration:underline/line-through/overline/none字符间距:Word-spacing:px/em间距英语单词之间;letter-spacing:px/em汉字与英文字母的间距;文本转换:Text-transform:uppercase/lowercase/capitalizeLineandlinespacing:Line-height:px/%verticalalignmentimage:vertical-align:text-top/text-bottom文本阴影:text-shadow:水平偏移,垂直offsetcolor1003.CSSTutorial-HTML2004引入CSS样式的三种方式概述.CSSTutorial-第一种方式将CSS样式引入HTMLInlineway005.CSSTutorial-第二种方式将CSS样式引入HTMLTutorial-idselectorlabelselector和classselector007.CSSTutorial-将CSS样式引入HTML的第三种方式008.CSSTutorial-ListStyle009.CSSTutorial-AbsolutePositioning
