zoukankan      html  css  js  c++  java
  • CSS样式表

    CSS样式表 主要作用是用来美化界面的

          CSS样式表分为:内联样式表,内嵌样式表,外部样式表。

       1 内联样式表

          和HTML联合使用 控制精确 但是可重用性差 

         例如: <div style="color: #ED31C9">内联样式表</div>

         2 内嵌样式表

          写在head里面 作为一个独立区域内嵌在网页(必须写在head里面)

        例如: <style type="text/css">  div{color: #ED31C9}  </style>

        

        3 外部样式表

           新建一个CSS文件 用来放样式表 如果要在HTML文件中调用样式表 需要在HTML文件里(右键--CSS样式--附加样式表)进行添加

           一般用link链接方式

    选择器  

       选择器分为:标签选择器,class选择器,ID选择器,复合选择器

     1 标签选择器

         用标签名做选择器

         例如: <style type="text/css">  div{color: #ED31C9}  </style>

     2 class选择器

         用 .class名 做选择器

         例如:

     3 ID选择器

        用 #样式名作选择器

    例如:

     4 复合选择器

        (1)用  ,  号隔开 表示并列

                <style type="text/css">

                         p,span {样式属性}    -----(标签 p 和 span 两者同样的样式)

               </style>

        (2)用 空格 隔开 表示后代

                <style type="text/css">

                          .main p {样式属性}  ------(找到样式 main 的标签 然后在标签里找 p 标签显示改属性)

                </style>

           (3) 用 . 作筛选器

                 <style type="text/css">

                            .sp {样式属性}  ------(在目标标签里加入class属性并命名例如:slass="sp")

                 </style>

      

  • 相关阅读:
    网摘:微软暗示将推出iPad版本Office
    Android的缘分和FarMap新版发布
    过年发生的,WinM7推出,MeeGo诞生,iPhone香肠
    gPhone体验和思考(一)
    位图的像素操作练习(20120525)
    远图 安致版上线(FarMap Android)
    iPhone的创意,iPhone应用的覆盖
    201871010101陈来弟《面向对象程序设计(java)》第一周学习总结 201871010101
    sdk&mfc&vcl
    ASP.NET中的Web.config详解
  • 原文地址:https://www.cnblogs.com/wangxiao233/p/8242768.html
Copyright © 2011-2022 走看看