CSS应用给网页元素的几种方式总结-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

CSS应用给网页元素的几种方式总结

简介: 一、内联式样式表   直接在HTML标签中使用style进行定义样式。如:这里是红色文字. 二、嵌入式样式表   使用标签嵌入到HTML文件中的标签内。(""用来对样式进行注释) 三、外部链接式样式表   将样式写在一个单独的.css文件中,然后再在HTML页面的标签内使用标记进行调用它,这样实现内容和样式相分离。

一、内联式样式表

  直接在HTML标签中使用style进行定义样式。如:<p style="color:red;">这里是红色文字</p>.

二、嵌入式样式表

  使用<style></style>标签嵌入到HTML文件中的<head></head>标签内。("<!-- -->"用来对样式进行注释)

三、外部链接式样式表

  将样式写在一个单独的.css文件中,然后再在HTML页面的<head></head>标签内使用<link>标记进行调用它,这样实现内容和样式相分离。如:<link href=”main.css” rel=”stylesheet” type=”text/css”/>;

四、导入式样式表

  导入式样式表与链接式样式表功能基本相同,只是语法和动作上略有不同,同样也将导入式样式代码写在<head></head>标签内。

  语法:<style type=”text/css”>@import url("main.css")</style>(不推荐使用).

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章