他们的优先级是内联样式的优先级最高,其次判断内部和外部样式的优先级得看它们在html中出现的位置,一般来说,越靠后的优先级也就越高。
css是英文Cascading Style Sheets的缩写。
它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
它包含3种类型,内部样式,行内样式和外部样式表三种
作用的效果是按顺序从下到上,相同样式下面的会覆盖原有样式,除特殊情况外,一般都是行内样式>内部样式>外部样式。
以div为例
行内样式写法:
在style里面写样式
<div style="height:30pxbackground:#f00"></div>
内部样式:
在head标签内加入style标签,在标签内写样式:
<style>
div{height:30pxbackground:#f00}
</style>
外部样式是建立一个新文件后缀名为.css
举个例子:
建立style.css文件放在项目根目录下:
在里面写入
div{height:30pxbackground:#f00}
然后保存,在html的head标签内调用样式
<link rel="stylesheet" type="text/css" href="style.css" />
一般认为主要有三个版本,分别是css1、css2、css3。就目前的使用情况而言,css2使用的比较多,因为css1的属性比较少,而css3有一些老式浏览器并不支持,所以大家在开发的时候主要还是使用css2。其实,css的各个版本之间基本上是向下兼容的,比如css2和css3,css3是在css2的基础上添加了很多新特性,这些新特性更加符合移动开发的需求,加快开发速度。随着各大浏览器厂商对浏览器的版本更新,这些浏览器应该会渐渐的更加标准化的支持css3的新特性。所以我们在学习css的时候,也要循序渐进,了解了css2之后,也要多点了解css3的新特性。
css是英文Cascading Style Sheets的缩写。它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。它包含3种类型,内部样式,行内样式和外部样式表三种
作用的效果是按顺序从下到上,相同样式下面的会覆盖原有样式,除特殊情况外,一般都是行内样式>内部样式>外部样式。
以div为例
行内样式写法:
在style里面写样式
<div style="height:30pxbackground:#f00"></div>
内部样式:
在head标签内加入style标签,在标签内写样式:
<style>
div{height:30pxbackground:#f00}
</style>
外部样式是建立一个新文件后缀名为.css
举个例子:
建立style.css文件放在项目根目录下:
在里面写入
div{height:30pxbackground:#f00}
然后保存,在html的head标签内调用样式
<link rel="stylesheet" type="text/css" href="style.css" />