CSS-day1

1.css简介

css样式表的主要使用场景就是美化网页，布局页面。

用于设置HTML页面中的文本内容，图片的外形，版面的布局和外观显示样式。

HTML 结构 CSS样式 样式与结构相分离

2.css语法规范

<style> p{

}

</style>在title和head之间

css规则主要由两个部分：选择器 以及 一条或多条声明

键值对 ； color:red;

1.4css代码风格

展开格式

p3 {

color: pink;

font-size: 24px;

}

小写 要有空格 p { 之间（选择器和{ 之间） : pink 之间（冒号和属性值之间）

2.1 css选择器的作用

2.2选择器的分类

选择器分为 基础选择器和复合选择器。

标签选择器：要设置就是所有标签都改了，不能单独改

类选择器：差异化不同的标签 类名是我们自定义的， 但是不能用标签名

.red{ color: red;

}

<div class="red">xxx</div>

2.5 id选择器 只允许一个标签调用

#pink { color:pink;

}

<div id="pink">xxx</div>

id选择器就像身份证是唯一的 和类选择器的区别在于调用次数不同

2.6 通配符选择器

* { color：red;

}

表示选择页面中的所以元素（标签）

 类选择器使用的是最多的！！！

3.CSS字体属性

font-family 设置字体最好是默认字体 google默认微软雅黑

'Hiragino Sans GB' 苹果里好看的字体 用,分隔多个字体 没有第一个系统就用第二个 都没有就默认字体

3.2 字体大小

font-size：20px;

px像素 是网页中最常用的单位

谷歌默认大小16px 尽量给一个明确大小

可以给body整个页面指定大小

font-weight 属性设置文字粗细

不变粗normal =400 变粗bold=700  100-900 粗细不同

3.4 文字样式

font-style normal 正常italic斜体

4.如何添加下划线 如何删除下划线重要

chrome调试工具：右键检查打开调试

 调试完复制到代码里，不然不会改变。 调试工具用来排查错误

这行代码有问题跳转到31行