• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

全栈高级工作者

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

今日收获

       属性:代表事物的一些特征。

       属性可分为:标签属性和样式属性。二者位置和写法都不同,样式属性是写在style标签中的如图       ,而标签属性则是写在body的标签中例如<img src="01.jpg" width=" 300px" height="500px">.

       说到属性自然是对于标签,标签属性离不开一个东西,这个东西就是选择器。选择器可分为六种:标签选择器,id选择器,class选择器,子代选择器,后代选择器和交集选择器。

       标签选择器:可以对普通标签进行选择,例如<p></p>,<h1></h1>等

       id选择器:可以对以id起名的标签进行选择,例如id="aa"等

       calss选择器:可以对以class起名的标签进行选择,例如class=“aa”等

      子代选择器:只存在一层嵌套关系。后代选择器:存在多种嵌套关系(包括一种)

交集选择器

八种交集选择器

名称                写法                                 stype选择写法

1.标签    <p>                                                     p

2.Class       <class=”aa”>                               .aa

3.id         <id=”aa”>                                         #aa

4.标签+id    <p id=”aa”>                                    p.aa          备注:标签名不可以写在后边。例如:.aap  这是错误的写法

5.标签+class   <p calss=”aa”>                            p#aa          备注:标签名不能写在后面。例如:#aap  这也是错误的

6.id+id        <id=”aa” id=”bb”>                        #aa#bb

7.class+class   <class=”aa” class=”bb”>       .aa.bb

8.id+class    <id=”aa” class=”bb”>                 #aa.bb

二,css的引用方式

       css(Cascading Style Sheets)指层叠样式表,可以为html添加样式,引用方式有四种,常用的有三种。
       1.行间样式:将其当作标签的属性写入标签。
       2.行内样式:将其看做style写在head标签之间。
       3.外部引入:将style当做css文件来用。从外部引入。运用<link type="text/css" rel="stylesheet" herf="需要引入的文件名.css"

三种常用形式需要注意的地方:行间样式把style当做属性使用,键值对在属性值中该怎么用就怎样用,行内把style当做标签使用 键值对还是老样子,外部引入,将样式写在css文件中,还是以键值对的形式书写样式。

   文本的样式显示是有顺序的按照权重排列

   标签的权重为1;class权重为10;id权重为100;如果将style当做属性写入标签权重为1000,如果在选择器中加入“!impertant”则说明此项权重最大。(注释:权重可以叠加)

 

 

 

 

     

      

 

posted on 2018-09-10 18:56  1433223  阅读(91)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3