CSS应用给网页元素的几种方式总结
2016-03-10 17:25
453 查看
一、内联式样式表
直接在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>(不推荐使用).
直接在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>(不推荐使用).
相关文章推荐
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- table内文字一行内显示
- CSS语法小记
- CSS基本样式二
- 关于css布局中margin,padding在整个布局中使用的一些细节
- 去除后台ckeditor的style="...."的样式
- 前端css position
- css 收集
- CSS基本样式一
- maven js css 压缩
- IE,Chrome滚动条样式CSS
- CSS+DIV固定底部的漂浮导航条(多浏览器兼容)
- CSS基础选择器
- css3幻灯片换位效果
- css居中 js回退
- CSS、HTML命名规则
- CSS3:元素的边框、背景和大小
- CSS3选择器之:nth-child()伪类选择器详解
- 调试DOM元素hover,focus,actived的样式--谷歌浏览器调试器
- css animate