CSS入门

有公子如玉

于 2021-08-14 15:41:47 发布

阅读量55

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/qq_52876054/article/details/119696456

版权

CSS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

结合HTML和CSS

p {
 background-color:red;
}
在CSS中，不用在名字两边加<>
将元素的所有样式放在大括号{}之间
属性与对应的值之间有一个冒号
最后有一个分号

把CSS放入HTML

要为HTML直接增加CSS样式，需要在<head>元素中增加开始和结束style样式

<style>样式规则</style>

为标题增加样式

h1 {
font-family:sans-serify; //修改字体
color:gray; //修改颜色
}
h2 {
font-family:sans-serify;
color:gray;
}

//相当于
h1, h2 {
font-family:sans-serify;
color:gray;
}

h1{
border-bottom:1px solid black;
} //控制元素下边框外观

一个元素可以有多个规则

一般来讲，要把元素的所有共同样式归组在一个，然后把一个元素特定的样式写在另一个规则中

选择器

外部样式表

通常把CSS文件称为“样式表”

在/*和*/之间写注释

*.css文件中只能包含CSS，不能包含HTML

使用<link>利用外部样式表为页面增加样式
<link type="text/css" rel="stylesheet" href="lounge.css">
type属性：说明这是一个样式表，可选
rel属性：指定HTML文件与所链接文件之间的关系，这里使用“stylesheet”
href属性：链接

继承

当你改变段落样式时，也同时改变了段落中元素的样式。比如，改变时，包含在中的<a>和也同样改变了

如果希望单独为<a>或设置样式，可以单独提供一个规则来覆盖继承样式

CSS总是优先选择特定样式

类class

用“类”来为不同的段落设定不同的样式

假设我们现在有一个类greentea，将元素加入类
<p class="greentea">

创建一个类选择器
p.greentea{color:green;}

希望类中所有元素统一样式
.greentea{color:green;}

一个元素可以加入多个类
<p class="greentea redtea">