CSS 样式类型分为三种:内联式、嵌入式、外链式。
通过标签的 style 属性来设置元素的样式,语法格式为:
示例:
将 CSS 代码集中写在 HTML 文档的 head 头部标签中,并且用 style 标签定义。语法格式为:
优点:可以通过一条语句操作多个标签或类。
缺点:只能控制一个页面,没有彻底实现样式和结构分离。
将所有的样式放在一个或多个以 .CSS 为扩展名的外部样式表文件中,通过 link 标签将外部样式表文件链接到 HTML 文档中。语法格式为:
定义所链接外部样式表文件的 ,可以是相对路径,也可以是绝对路径。 定义当前文档与被链接文档之间的关系,在这里需要指定为 “”,表示被链接的文档是一个样式表文件。通知浏览器要加载一个css文件。
内联式示例的外链式写法如下:
首先我们要创建一个 css 文件,比如:。然后在里面就能直接写 css 代码了。比如:
注:内联式(行内样式表)一般写在标签头部,嵌入式(内部样式表)、外链式(外部样式表)一般写在 标签内。为了编码规范,希望大家尽量使用外链式来编写CSS 代码。
我们学了三种 CSS 样式类型,那么如果对于同一个元素,我们同时使用了三种方法设置了 CSS 样式,这个时候,哪个方法是有效的呢 ?
我们可以记住一个优先级:
以上就是本篇文章【CSS学习02:CSS样式类型】的全部内容了,欢迎阅览 ! 文章地址:https://sicmodule.kub2b.com/quote/10223.html
栏目首页
相关文章
动态
同类文章
热门文章
网站地图
返回首页 企库往资讯移动站https://sicmodule.kub2b.com/mobile/,查看更多