元素转换和选择器的分类

  • 常用块级元素:
<h1> ~ <h6>        <p>      <div>       <ul>       <ol>          <li> 
  • 常用行内元素:
<a>     <strong>     <em>    <i>     <b>        <del>    <s>     <u>     <ins>          <span> 
  • 常用行内块元素:
<image />     <input />    <td>

块级元素 转 行内元素 : display:inline

行内元素 转 块级元素 : display:block

行内元素 转 行内块元素 : display:inline-block

选择器的分类(选择范围:通配符>类选择器>标签选择器>Id选择器)

1…标签选择器
直接使用标签的名称作为选择器进行使用,可以使用标签选择器选择一个HTML中的所有该标签。
2…类选择器
类是指分类,将具有相同样式的标签先全部划分为一类,给所有这类标签使用class属性设置同一个类名,然后在css里面使用.类名作为选择器。
3…多类名选择器
给一个标签可以设置多个class值,这多个class值之间使用空格隔开,写样式可以给这个标签具有的任何一个类名书写都能作用到,但是相同的样式属性哪个类名在后面以哪个为主。
4…Id选择器
给某个标签设置一个Id属性,然后在CSS中使用#Id名作为选择器。注意,因为同一个html文件中所有标签Id的唯一性,导致Id选择器只能控制一个标签的样式,和行内标签作用类似。
5… 通配符选择器

  • 住:同一个标签被不同的选择器选中,这些选择器中的不同样式会同时作用于这个标签。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值