样式引入和选择器

样式引入方式 :
1
、行间样式的引入
写法:在标签中,写一个 style 的属性 比如 :style=“…..” 在引号当中,写相应的 css 样式
缺点:不利于维护,不利于代码重用
优点 : 优先级最高
2
、内部样式表引入
1 )标签名选择器  
写法 : head 标签里,写一个 style 的标签,在标签中,通过选择器来控制样式 比如: div{… 样式 }
优点:方便快捷

2 ID 选择器
写法:首先在相对应标签中设置一个 id 的属性 如: id=“id 在样式表中,通过 # ID {… 样式 }
id
名要以英文字母开头,其次 id 名是唯一的,不能重复
只能控制一个

3 class 选择器
写法:首先在相应标签中设置一个 class 的属性 如: class “class
在样式表中,通过
.+class
名{
…css
的样式

class
名以英文字母开头

优先级

标签名选择器   <  class 选择器   < ID 选择器 < 行间样式选择器

内部样式优点:加载速度快,不需要请求服务器
内部样式缺点:不利于重用


3
、外部样式表的引入
写法:在 head 标签里,写一个 link 标签,用来关联一个 css 的文件,在 css 文件中,通过选择器来控制样式
<link rel=“stylesheet” href=“1.css”>


外部样式表优点:利于代码重用
外部样式表缺点:需要加载服务器
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值