CSS1

1、什么是css，有什么用

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

2、目前CSS掌握程度

  • 常见的CSS样式要求会写。

  • 别人写的CSS样式要能看懂。

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

第一种方式：

在标签内部使用style属性来设置元素的CSS样式，这种方式称为内联定义方式。

语法格式：

<标签 style="样式名：样式值；样式名：样式值；样式名：样式值；..."></标签>
第二种方式：

在head标签中使用style块，这种方式被称为样式块方式。

语法格式：

<head>
    <style type="text/css">
        选择器{
            样式名：样式值；
            样式名：样式值；
            样式名：样式值；
        }
        选择器{
            样式名：样式值；
            样式名：样式值；
            样式名：样式值；
        }
    </style>
</head>
第三种方式

链入外部样式表文件，这种方式最常用。（将样式写到一个独立的xxx.css文件当中，在需要的网页上直接引入css文件，样式就引入了）

语法格式：

在html文件中引入

<head>
<!--引入css文件-->
    <link type="text/css" rel="stylesheet" href="css文件的路径" />
</head>

在css文件中

选择器{
            样式名：样式值；
            样式名：样式值；
            样式名：样式值；
        }
选择器{
            样式名：样式值；
            样式名：样式值；
            样式名：样式值；
        }

这种方式易维护，维护成本较低。

xxx.css文件

1.html中引入了

2.html中引入了

3.html中引入了

4.html中引入了

posted @ 2022-06-20 22:31  jason饼干大怪兽  阅读(30)  评论(0)    收藏  举报