HTML学习（II）

最新推荐文章于 2024-05-06 20:52:53 发布

xqcheese

最新推荐文章于 2024-05-06 20:52:53 发布

阅读量216

点赞数

分类专栏： html基础 css基础文章标签： html css

本文链接：https://blog.csdn.net/xqcheese/article/details/65448753

版权

html基础同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

css基础

6 篇文章 0 订阅

订阅专栏

（CSS部分）

css样式及选择器部分：

1.css 样式由选择符和声明组成，而声明又由属性和值组成，如图：
css样式图解
选择符：又称选择器，指明网页中要应用样式规则的元素；
声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔。【最后一条声明可以没有分号，但是为了以后修改方便，一般也加上分号】
2.注释语句：用/*注释语句*/来标明（html中使用)。
3.样式的位置：内联式、嵌入式、外部式。
(1)内联式：直接写在HTML标签中。如：
<p style="color:red;font-size:12px">这里文字是红色。</p>
(2)嵌入式：把css样式代码写在<style type="text/css"></style>标签之间，一般情况下嵌入式css样式写在<head></head>之间。如：

<style type="text/css">
span{
color:red;
}
</style>

(3)外部式：把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内。如：

<link href="base.css" rel="stylesheet" type="text/css" />

（rel="stylesheet" type="text/css" 是固定写法不可修改）
(4)优先级一般为：内联式 > 嵌入式 > 外部式（权值相等时）。
4.选择器：选择器指明了{}中的样式的作用对象，即样式作用于网页中的哪些元素。
5.选择器的分类：
(1)标签选择器：为××标签设置样式，如<body>、<h1>、<p>等。
(2)类选择器：
·语法为.类选器名称{css样式代码;}【英文圆点开头】；
·使用方法：
第一步：使用合适的标签把要修饰的内容标记起来，如下：

<span>胆小如鼠</span>

第二步：使用class=”类选择器名称”为标签设置一个类，如下：

<span class="stress">胆小如鼠</span>

第三步：设置类选器css样式，如下：

.stress{color:red;}

(3)ID选择器：与类选择器相似，不同点为一下两点：为标签设置id=”ID名称”；ID选择符的前面是（#）号。
【ID选择器只能在文档中使用一次】
【可以使用类选择器词列表方法为一个元素同时设置多个样式，如
<span class="stress bigsize">三年级</span>，而不能使用 ID 词列表】
(4)子选择器：用于选择指定标签元素的第一代子元素，通过“>”进行选择。如：