CSS..

最新推荐文章于 2024-07-20 15:40:46 发布

农夫与茶

最新推荐文章于 2024-07-20 15:40:46 发布

阅读量51

点赞数

文章标签： css html css3

本文链接：https://blog.csdn.net/Tlreson_Chrny/article/details/123499518

版权

CSS是一门语言，用于控制网页表现
  CSS(Cascading Style Sheet)：层叠样式表
W3C标准：网页主要由三部分组成。
    结构：HTML；
    表现：CSS；
    行为Javascript。

CSS导入HTML有三种方式：
1.内联样式：在标签内部使用style属性，属性值是css属性键值对。

<div style="color: red">Hello CSS</div>

2.内如样式：定义

<head>
    <style>
        span{
            color: red;
        }
    </style>
</head>
<body>
    <span>hello css</span>
</body>

3.外部样式：定义link标签，引入外部的css文件。

<head>
    <link href="../CSS-file/demo.css" rel="stylesheet">
</head>
<body>
    <p>hello css</p>
</body>

/*demo.css*/
p{
    color: red;
}

概念：选择器是选取需设置样式的元素（标签）

        div{
            color: red;
        }

分类
1.元素选择器

元素名称{color：red;}
如：div{color: red;}

2.id选择器

#id属性名{color：red;}
如：#name{color: red;}
	<div id="name">div2</div>

3.类选择器

.class属性值{color:red}
如：.cls{color: pink;}
	<div class="cls">div3</div>
	<span class="cls">span</span>

详见 W3school

关注