理解CSS | 青训营笔记

        这是我参与「第五届青训营」伴学笔记活动的第2天。今天学习的内容是网页的表现——CSS。CSS全称——层叠样式表(Cascading style sheets)，作用是给页面中的标签设置样式。CSS一般有三种引入方式：
    内嵌式：
CSS写在style标签中，style标签虽然可以写在页面任意位置，但是通常约定写在 head 标签中
    外联式：
CSS写在一个单独的.css文件中，需要通过link标签在网页中引入，
    行内式：
CSS写在标签的style属性中，一般配合JS使用
        其次就是选择器，选择器的作用是选择页面中对应的标签，方便后续设置样式。一般常用的选择器有基础选择器(标签选择器、类选择器、id选择器、通配符选择器)、复合选择器(后代选择器、子选择器、并集选择器、伪类选择器......)
        之后就是字体和文本样式的相关属性：字体大小：font-size、字体粗细：font-weight、字体样式：font-style、字体类型：font-family、文本缩进：text-indent、文本水平对齐方式：text-align、文本修饰：text-decoration文本样式行高：line-height、文本颜色：color。
        背景相关属性：1. 背景颜色：background-color、背景图片：background-image、背景平铺：background-repeat、背景位置：background-position
        不同元素之间也有不同的显示方式，这取决于元素的显示模式，常见模式有：块级元素，行内元素，行内块元素。块级元素的显示特点为独占一行，宽度默认是父元素的宽度，高度默认由内容撑开，可以设置宽高，常见标签有(div、p、h系列)。行内元素的显示特点为一行可以显示多个，宽度和高度默认由内容撑开，不可以设置宽高，常见标签有(a、span 、b、u、i、s、strong、ins、em、del……)。行内块元素的显示特点为一行可以显示多个，可以设置宽高，常见标签有(input、textarea)。
        以上这些是css基础知识的整理，只是css的一小部分的笔记。