首页 > 代码库 > CSS简介

CSS简介


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="http://www.mamicode.com/c1.css"/>

(5)默认样式

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


3、CSS优先级

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

(1)不同引入方式的优先级:行内>内嵌、导入和链接>默认样式

(2)同一种引入方式或相同优先级的引入方式中,后出现的会覆盖先出现的


4、其他常用样式属性

display控制元素的可见性

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



CSS简介