【原创】CSS基础以及常用使用方法

1.css:

代码语言：javascript复制

层叠表单样式，美化html网页

2.后缀名:.css 3.使用css的原因：

代码语言：javascript复制

美化网页，使网页更加美观。
为使网页可优化性，使内容和样式分离，引入css

4.css编写方式：

代码语言：javascript复制

①新建style标签
②使用选择器选择标签，然后加上方括号，方括号中的内容，为css样式，
③每条css语句后需添加;号
如：

    div{
        background-color: darkgreen;
        color: chocolate;
        属性： 属性值;
        ......
    }

5.css引入方式：

代码语言：javascript复制

行内引入：
    直接在开始标签后添加style，然后写入属性: 属性值;
    每条属性值之间用;分割
内部引入：
    ①新建style标签
    ②使用选择器选择标签，然后加上方括号，方括号中的内容，为css样式，
    ③每条css语句后需添加;号
外部引入:
    ①新建一个css文件夹,并新建一个css文件
    ②在新建的css文件中，选择html文件中的标签,按照style标签样式写入css样式。
    ③在原html文件中使用link标签引入外部css。如：
    
    注意:css文件中无编写style标签，直接使用选择器选择html文件中的标签，设置样式即可。

6.css注释方法：

代码语言：javascript复制

css以/*开始*/结束，表示注释。
单行注释快捷键：ctrl /
多行注释快捷键: ctrl shift /

css

0 人点赞