1,css是什么？
css是层叠样式表；对html标签进行样式设置。
2,既然对html标签进行样式设置，那么就肯定得有对标签的选中，对标签进行选中的就是标签选择器。
选择器的作用：选择页面中对应的标签，方便给他设置样式。
其中基础选择器的种类：标签选择器；类选择器；id选择器；通配符选择器。
例如：标签选择器：
<style>
p {
<!-- 定义p标签字体为红色--!>
color:red;
}
</style>
......
<p>
直接对p标签内容进行了修改
</p>类选择器：一般对标签中使用class进行定义类名。
id选择器：对标签中使用id进行定义类名。
id选择器只能被选中应用一次，后续标签应用相同id类名不会应用样式
通配符选择器：对所有标签进行选中进行样式设置。
3,有选中就有对选中的标签进行定义。
对选中的标签一般放在</head>之前；用<style></style>进行定义。
<head>
......
<style>
选择器 {属性：属性值；}
</style>
</head>4,文字的设定
对于文字的设定有：
font-style（文字样式）：italic/normal（倾斜/正常）；
font-weight（文字粗细）：400/700（正常/加粗）；
font- size（文字字号）：数字+px；
font-family（文字字体）：宋体，雅黑等字体。
分开写麻烦，可以使用复合属性，文字的复合属性顺序一定要按下列书写顺序。
font（复合属性）:文字样式 文字粗细 文字字号 文字字体；
（ps：所有带括号的多个属性值中间必须用逗号隔开，不带括号的用空格隔开）
对于文字的定义：在css选择器中选择对应的文字所属标签属性定义属性值。
<head>
......
<title>复合属性</title>
<style>
p {
font-style: italic;
font-weight: 700;
font-size: 20px;
font-family: 微软雅黑;
font: italic 700 20px 微软雅黑;
}
</style>
</head>
<body>
<p>记录Css学习的第一天</p>
</body>5,文本样式
1.文本缩进（text-indent）
表达分两种：数字+px；数字+em（1em等于当前font size的大小）
优劣势：数字+px和数字+em，后者会跟着font size的变化而变化，前者着不变。
2,文本对齐（text-align）
所有的标签都可以设置文本对齐（文字，图片，超链接，div，span）；对需要对齐的内容，对其所包含的内容（必须是其父标签）的标签进行居中处理。
3,文本修饰（text-decoration）
下划线：underline;删除线：line-through；上划线：overline，无装饰线none（一般用来去除超链接的下划线）
4,行高（line-height）
行高=文字上间距+文字字号+文字下间距
当设置行高等于文字所处的盒子高度的时候，文字会显示盒子垂直居中。
ps：所有的文字都会默认带上下间距，可以在通配符中给所有的标签定义行高等于字号高度即line-height：1。这样在后续提取文字间距更方便准确计算设置行高。
6,颜色的取值
常见的颜色取值：
rgb：红蓝色三原色，取值范围在 0～255*
rgba：红蓝色三原色+a表示透明度 取值范围是0～1
十六进制表示法：#fff000
（ps：后续在设计稿中可以直接吸取颜色，不用自己去写，只是要了解颜色的几种写法）
<style>
p {
color:skybue;
color:rgb (180,180,180)
color:rgba(180,180,180,0.3)
color:#ffffff
}
</style>
......
<p>
这是颜色的内容
</p>加油，我相信明天我能记得更多。
扫一扫
2722
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
