本文介绍了CSS的作用，如结构与样式分离便于维护、可切换样式、加快页面载入等。还阐述了样式分类，包括外部、内部、行内样式。详细说明了使用内部样式进行背景设置的属性，以及CSS注释方法。此外，列举了CSS常用样式，如颜色、文本、字体类样式和伪类样式等。
CSS作用
1、结构与样式分离的方式，便于后期的维护和修改
2、可以用多套样式，使网页有任意样式切换的效果
3、使得页面载入的更快，降低服务器的成本
样式分类
外部、内部、行内样式 – css文件是以css为后缀！
使用内部样式完成背景设置
background – 背景 – 可以设置5个属性
1.backgrounf-color
2.backgrounf-image
3.backgrounf-repeat repeat repeat-x repeat-y no-repeat
4.backgrounf-attachment scroll fixed
5.backgrounf-position
以上5个属性可以统一设置：
background 背景样式的值是复合属性值的组合
CSS注释
/* 添加我们的注释css样式的注释内容 */
快捷键：CTRL + /
CSS常用样式
1、颜色设置 color 单词、16进制、rgb
2、文本样式：对齐方式、文本修饰、文本转换、文本缩进
作用：美化，修饰页面的文字相关的部分内容
文本修饰
1.text-decoration
2.text-shadow
3.text-transform
4.text-indent
针对首行缩进：text-indent – em是字符单位，2em表示2个字符：比如：ff
字体类样式 – font系列
作用：定义文本的字体系列，大小，加粗，风格(斜体)、变形(大小写字母等)
font-style:
- normal 默认的正常显示
- italic 斜体-绝大多数斜体，个别不斜体的效果
- oblique 所有都实现斜体效果
font-weight: - 中间数值没有效果的，因为浏览器差异性的问题
- 只有100和900有效果
- 现在基本上设置：normal 和 bold
伪类样式
1、概念：通常情况下，超级链接上设置的样式，称之为伪类
2、作用：设置超级链接的四种状态
3、小贴士：
(1) 伪类是使用在超级链接上比较多，但是超级链接不是伪类
(2) 伪类是选择器
扫一扫
33万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
