CSS样式类型



行内样式表:<div style="width:400px;height:200px;background-color:#FFF"></div> 缺点:样式只能操作某一个标签 优点:十分灵活,可以进行细节的调节


嵌入式样式表:<style type="text/css"></style>(可以通过一条语句操作多个标签或类)


引用式样式表:<link href="main.css" rel="stylesheet" type="text/css" />(这样写的前提是HTML页面与CSS文件在同一文件夹下)
             main.css(一个单独的CSS文件 多个HTML文件可以引用一个CSS样式表文件) 优点:占用空间资源少,修改方便,只要修改CSS文件就可以修改多个HTML页面的属性
             CSS注释写法:/* */   HTML注释写法:<!--  -->


行内样式表一般写在标签头部    内嵌入式样式表、引用式样式表一般写在<head></head>标签内   能用引用式样式表的地方就尽量用引用式

当三种样式表操作同一元素时,优先级依次为:行内样式表  嵌入式样式表  引用式样式表 即后出现的先应用

引用式样式表一般放在嵌入式样式表的前面

CSS书写规则:
p{ color:#f00; font-size:12px;}
注意:
      不要忘记每条属性的“;”结尾
      如果缺少符号或者书写错误则样式表失效
      需要单位的值要加上单位,例如:px(像素单位)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值