css

Posted g0rez

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css相关的知识,希望对你有一定的参考价值。

1、什么是CSS,有什么作用?

CSS(Cascading Style Sheet):层叠样式表语言。
CSS的作用是:
修饰html页面,设置HTML页面中的某些元素的样式,让HTML页面更好看。
CSS好比是HTML的化妆品一样。
HTML还是主体,CSS依赖HTML。CSS的存在就是修饰HTML,所以新建的文件还是xx.html文件。

2、在HTML页面中嵌套使用CSS的三种方式:

第一种方式:在标签内部使用style属性来设置元素的CSS样式,这种方式称为内联定义方式。
语法格式:

<标签 style="样式名:样式值;样式名:样式值;样式名:样式值;..."></标签>

第二种方式:在head标签中使用style块,这种方式被称为样式块方式。
语法格式:

            <head>
                <style type="text/css">
                    选择器 {
                        样式名 : 样式值;
                        样式名 : 样式值;
                        .....
                    }
                    选择器 {
                        样式名 : 样式值;
                        样式名 : 样式值;
                        .....
                    }
                </style>
            </head>

第三种方式:链入外部样式表文件,这种方式最常用。(将样式写到一个独立的xxx.css文件当中,在需要的网页上
直接引入css文件,样式就引入了)
语法格式:

<link type="text/css" rel="stylesheet" href="css文件的路径" />

以上是关于css的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段6——CSS选择器

css常用代码片段 (更新中)

CSS代码片段

CSS代码片段