HTML引入CSS的方法

转载于 2015-12-01 18:30:00 发布 · 60 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/vhacker/blog/537993

文章标签：

#python #嵌入式

2019独角兽企业重金招聘Python工程师标准>>>

HTML引入CSS的方法

嵌入式：
1. 通过<style>标记，来引入CSS样式
2. 语法格式
  1. ```
  <style type="text/css"> … </style>
```
3. <style>中的CSS样式，只能给当前网页来使用
4. 同一网页中，<style>标记可以多次出现
外联式：
1. 通过<link>标记，引入一个外部的CSS文件（.css）,这样的话，就可以实现公共的css代码被多个网页使用。
2. ```
<link rel="stylesheet" type="text/css" href="css/public.css" />
```
3. <link>标记的常用属性：
  1. rel：引入的是什么类型的文件取值：stylesheet
  2. type：内容类型
  3. href：引入的CSS的文件地址
4. <link>标记应该放入<head>标记中
5. 同一个网页可以使用多个<link>来联入多个外部样式文件
6. css文件中，不能出现HTML标记，全部都是CSS的属性样式
行内式：
1. 每一个HTML标记，都有一些公共的属性：class ,id ,title,style
2. HTML中的style属性的值，与CSS样式表中的属性是一样的
3. 行内样式中CSS属性代码不能写的太多，行内样式中多个CSS属性不能换行，行内样式的优先级是最高的，比ID选择器还要高
4. 主要用于JS控制元素的样式

转载于:https://my.oschina.net/vhacker/blog/537993

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。