4.4 CSS层叠样式表介绍

4.4.1 什么是CSS?

CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示控制 HTML 元素,从而实现美化HTML网页。
样式通常存储在样式表中，目的也是为了解决内容与表现分离的问题
外部样式表(CSS文件)可以极大提高工作效率
多个样式定义可层叠为一，后者可以覆盖前者样式

4.4.2 CSS的语法：

格式： 选择器{属性:值;属性:值;属性:值;....}

案例如下：其中选择器也叫选择符

p{color:red;text-align:center;
}

4.4.3 CSS中的注释：

格式： /* ... */

4.4.4 在HTML中如何使用css样式(HTML中引入CSS的方式):

(1). 内联方式（行内样式）

就是在HTML的标签中使用style属性来设置css样式
格式： <html标签 style=“属性:值;属性:值;…”>被修饰的内容</html标签>

<p style="color:blue;font-family:隶书">在HTML中如何使用css样式</p>
<!-- 特点：仅作用于本标签。-->

(2). 内部方式（内嵌样式）

就是在head标签中使用标签来设置css样式

<style type="text/css">....css样式代码
</style>
<!-- 特点：作用于当前整个页面 -->

(3). 外部导入方式（外部链入）

3.1(推荐）就是在head标签中使用标签导入一个css文件，在作用于本页面，实现css样式设置

<link href="文件名.css" type="text/css" rel="stylesheet"/>

3.2 还可以使用import在style标签中导入css文件。

<style type="text/css">@import "style.css";
</style>

特点：作用于整个网站
优先级：当样式冲突时，就是采用就近原则，是值css属性离被修饰的内容最近的为主。
若没有样式冲突则采用叠加效果。

4.4 CSS层叠样式表介绍相关推荐

常见CSS(层叠样式表)介绍
CSS(cascading style sheet,层叠样式表) 1.CSS简介 CSS(cascading style sheet,层叠样式表)是描述文档怎么样被呈现的语言,使用CSS可以对HTML ...
HTML学习笔记（css层叠样式表介绍）
什么是css:1.css指层叠样式表(cascading style sheets) 2.样式定义如何显示控制HTML元素,从而实现美化HTML网页 3.样式通常储存再样式表中,目的也是为了解决内容与 ...
css层叠样式表——css基础介绍
css层叠样式表第一天 css层叠样式表01 css层叠样式表第一天 css介绍 css语法 html标签全局属性引入css样式的方式知识点应用 css介绍 css是Cascading Style ...
css层叠样式表（一）
今天研究了下css.这东东入门不算难.可是想写出好的样式就得有很深的功底了.按照老大给网址,12天学会网页设计.做下总结吧.css通过div(层)来定位,通过层的margin,padding,bord ...
HTML中Css详细介绍
HTML中Css详细介绍一.样式表的作用 1.Css样式表,层叠样式表 2.类似于人类的衣服,网页的衣服 3.作用:美化网页 4.优势: 1.内容与表现分离,便于维护 2.样式丰富,页面布局灵活 3 ...
css层叠样式表、基本选择器
文章目录系列文章目录前言一.css层叠样式表 1.css组成 2.css引入方式 3.文字样式 4.文本属性二.选择器 1.基本选择器 2.最高样式引入 3.伪链接选择器 4.伪结构选择器 5 ...
CSS：CSS层叠样式表的概述
CSS层叠样式表:Cascading Style Sheets 介绍: 现代网页的设计原则是内容和样式分离,降低它们之间的直接相互依存关系,解耦性,同时,同样的内容,可以通过不同的CSS样式表现出来. ...
测试一下您对于CSS层叠样式表了解有多少
CSS 层叠样式表,英文全称:Cascading Style Sheets是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可 ...
html中样式表的类型,css层叠样式表有哪几种类型？
CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素.当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染).那么css层叠样式表有哪几种类型?下面 ...

4.4 CSS层叠样式表介绍

4.4 CSS层叠样式表介绍

4.4.1 什么是CSS?

4.4.2 CSS的语法：

4.4.3 CSS中的注释：

4.4.4 在HTML中如何使用css样式(HTML中引入CSS的方式):

(1). 内联方式（行内样式）

(2). 内部方式（内嵌样式）

(3). 外部导入方式（外部链入）

4.4 CSS层叠样式表介绍相关推荐

最新文章

热门文章