CSS层叠样式表介绍

Posted 2021-04-09 Python大本营

1 什么是CSS?

• CSS 指层叠样式表 (Cascading Style Sheets)

• 样式定义如何显示控制 html 元素,从而实现美化HTML网页。

• 样式通常存储在样式表中，目的也是为了解决内容与表现分离的问题

• 外部样式表(CSS文件)可以极大提高工作效率

• 多个样式定义可层叠为一，后者可以覆盖前者样式

2 CSS的语法：

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

3 CSS中的注释：

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

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

• 就是在HTML的标签中使用style属性来设置css样式

• 格式： <html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>

 

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

• 就是在head标签中使用<style type="text/css">....</style>标签来设置css样式

 

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

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

 

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

 

• 特点：作用于整个网站

• 优先级：当样式冲突时，就是采用就近原则，是值css属性离被修饰的内容最近的为主。

• 若没有样式冲突则采用叠加效果。

在这里，我推荐下CSDN学院出品《Python全栈工程师》，通过4个月的系统学习，目标是成为优秀的Python工程师（不是套路，仅为推荐）。

因为学习任何一种编程语言，你都需要专业的导师、系统的课程、实战演练项目和高质量学习辅导，这不仅能帮助你节省大量时间，更能保证不会半途而废！

联系 CSDN 学院小姐姐，获取一对一专属服务

（包括：IT 职场规划服务/专属折扣）

为什么推荐CSDN学院？

因为CSDN学院不仅满足以上所有的必备选择条件，更重要的是，它保证你的学习效果，无论是从班主任督促学还是助教随时答疑服务，无论是师资还是课程大纲部分，它都会以最专业最贴心的方式呈现，满足你对学习的任何需求，以及帮你把控自制力。

课程专为下列人群量身打造：

• 学生/小白：如果你自制力强、有上进心，想通过学习来改变现状，那么我们让你点亮高薪人生

• 转行必备：业余时间掌握 Python 开发技能，轻松实现职业转化

• 立志做全栈工程师：立志做全能型人才，一人搞定前后端！

• 网络运维转型开发：从事传统网络运维工作，想要转型，那你适合学Python。

• 准备进军AI领域：Python 是人工智能首选开发语言，抢占未来，成为 AI 人才，必学 Python。

成为Python全栈工程师，永远都不晚，预祝成功~

联系 CSDN 学院小姐姐，获取一对一专属服务

（包括：IT 职场规划服务/专属折扣）