HTML+CSS学习二

HTML+CSS学习二

CSS代码规范：选择器 {属性：属性值}
一、选择器
1.标签选择器：
html标签名作为选择器
把某一类标签全部选择出来

p {
            text-indent: 2em;
        }

把p标签的内容首行缩进两个字的距离
2.类选择器
.类名（一个标签可以写多个类名 多个类名用空格隔开）
把相同class属性的元素选择出来

.btn {
            font-weight: 700;
        }

搜索

把class属性为btn的元素的字体设置为粗
3.id选择器：
#id
把相同id属性的元素选择出来
4.通配符选择器：*
给所有的标签统一修改样式
二、CSS字体属性
font-family:定义字体系列，比如微软雅黑
font-size:字体大小
font-weight:字体粗细
font-style:normal（正常）italic(斜体）

Font复合属性写法：
Font: font-style font-weight font-size/line-height font-family
复合属性写法font-size font-family不能省
三、CSS文本属性
1.文本颜色：color
预定义颜色值：red green blue pink
十六进制：一般用十六进制
RGB代码：rgb(255,0,0)或rgb(100%,0%,0%)
2.对齐文本：
text-align:left（左对齐） right（右对齐） center（居中）
3.装饰文本：
text-decoration属性规定添加到文本的修饰可以给文本添加下划线、删除线、上划线
none 默认 没有装饰线
underline 下划线（a链接自带下划线）
overline 上划线
line-through 删除线
4.文本缩进
text-indent:
文本第一行缩进：以px为单位 缩进多少像素 em 缩进几个文字距离
行间距：line-height
四、样式表
1.内部样式表：
CSS样式写在style标签中 一般放在head标签中 理论上可以放在html文档任何地方
通过此种方式 方便控制当前整个页面的元素样式设置

2.行内样式表
在标签内部添加style属性 适合简单样式

3.外部样式表：
写一个css文件
把所有CSS代码放入此文件
在html页面head中使用标签(放在头部）引入这个文件

href=“CSS文件路径”
在CSS文件中只需要写样式：

div {
    color:  pink;
}