最新动态
CSS学习02:CSS样式类型
2024-12-21 20:27


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/,查看更多   
发表评论
0评