css三种样式表区别,优先级。


  • 行内样式表(内嵌样式)

混合在HTML标记使用,在其里面加入style参数。  

好处:简单对某个元素单独定义样式。

例如:<p style=";">

--------------------------------------------------------------------------------------------------------------------------------------------

  • 文档层样式表(内部样式表)

把样式表放入<head>区里应用到页面中。


例如:

<head>

<style type="text/css">

p{  }

</style>

</head>

疑问重点:此中_处与html标签对应。

          单独p:应用到所有p标签

           #name{}:对应<p id=name/>

           .name{}:对应<p class=name/>

--------------------------------------------------------------------------------------------------------------------------------------------

  • 外部样式表


好处:方便一个样式表文件可以应用多个页面,减少工作量。

css样式在另外在一个xxx.css文件内,链入方式:

<head>

<link href="xxx.css"(文件名,文件所在位置)  rel="stylesheet"(在页面中使用这个外部样式表) type="text/css"(文件类型:样式表文本) media="all"(选择媒体类型)>

</head>

优先级:从上到下↓


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值