CSS简介

Posted 2020-08-05

1、CSS简介

CSS（Cascading Style Sheets）级联样式表，是一种计算机语言，用来控制html内容的显示效果

CSS预定义了众多和显示效果有关的样式属性，对样式的控制是非常精确和精细的，比如color、font-size等。如果希望HTML内容显示某个效果，就应用对应的CSS样式属性

CSS的特点

有的样式属性子标签可以从父标签那里继承过来，有的则不能

一个标签可以同时应用若干个样式属性

一个标签的最终显示效果，是由若干个样式属性层叠（叠加）到一起形成的

2、使用CSS的五种方式

（1）行内样式

写在元素的style属性里

（2）内嵌样式

写在<style>元素内

（3）导入样式

在<style>元素内开头使用@import url(index.css);方式引入，这种方式实际算是内嵌样式

（4）链接样式

使用<link>元素引入css文件，如<link type="text/css" rel="stylesheet" href="c1.css"/>

（5）默认样式

每一种html标签都有默认的css样式

3、CSS优先级

当某个样式属性出现多次时，就需要使用优先级规则解决产生的矛盾

（1）不同引入方式的优先级：行内>内嵌、导入和链接>默认样式

（2）同一种引入方式或相同优先级的引入方式中，后出现的会覆盖先出现的

4、其他常用样式属性

display控制元素的可见性

cursor控制鼠标指针进入元素时的样式