CSS笔记-day3

CSS：层叠样式表，用来描述HTML文档的呈现
书写位置：title标签下方添加style双标签，style标签里面书写CSS代码
属性名和属性值成对出现

文字颜色----color
字号----font-size
宽度----width
高度----height
背景色----background-color

<style>
        /*选择器{css属性}*/
        p{
            /*css属性*/
            color: red;
        }
    </style>
选择器：{属性名：属性值}

CSS引入方式：
（1）内部样式表：CSS代码写在style标签里面
（2）外部样式表：
CSS代码写在单独的CSS文件中（.css）；
在HTML使用link标签引入
    <!-- link 引入外部样式表；rel：关系，样式表 -->
    <link rel="stylesheet" href="./my.css">
（3）行内样式：配合javascript
CSS写在标签的style属性值里
<div style="color: red;font-size: 30px;">这是 div 标签</div>

CSS选择器：查找标签，设置样式
基础选择器：
（1）标签选择器：使用标签名作为选择器->选中同名标签设置相同的样式 ，无法差异化同名标签的样式。
*（2）类选择器：查找标签，差异化设置标签的显示效果。
1.定义类选择器->.类名
2.使用类选择器->标签添加class="类名"
一个类选择器可以给多个标签使用，一个标签可以使用多个类名，class属性值写多个类名，类名之间用空格隔开。<div class="red size">我勒个烧刚</div>

id选择器：查找标签，差异化设置标签的显示效果，id选择器一般配合javascript使用，很少用来设置CSS样式
（1）定义id选择器->#id名
（2）使用id选择器->标签添加id="id名"
*同一个id选择器在一个页面只能使用一次

通配符选择器：查找页面所有标签，设置相同样式，符号：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式

画盒子：使用合适的选择器画盒子

文字控制属性：
字体大小：font-size
字体粗细：font-weight
    数字：正常400
           加粗700
    关键字：正常normal
              加粗bold
字体倾斜：font-style，em标签默认是倾斜的
    正常：normal
    倾斜：italic
行高：line-height
    设置多行文本的间距
    （1）数字+px
    （2）数字(当前标签font-size属性值的倍数)
    行高：上间距+文本高度+下间距
    行高-垂直居中：行高属性值等于盒子高度属性值。
字体族：font-family
    属性值：字体名，font-family属性值可以书写多个字体名，每个字体用逗号隔开，执行顺序是从左到右依次查找，font-family属相最后设置一个字体族名，网页开发建议使用无衬线字体sans-serif
字体复合属性：font
    font：是否倾斜（itailc）是否加粗 字号/行高 字体，注意自号和字体值必须书写，否则font属性不生效。
文本缩进：text-indent
    数字+px
    数字+em（推荐：1em=当前标签的字号大小）
文本对齐：text-align（居中的是文字内容，不是标签）
    left：左
    center：中
    right：右
修饰线：text-decoration
    none：无
    underline：下划线
    line-through：删除线
    overline：上划线
    text-decoration: none;：去掉修饰线
颜色：color