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

    样式表的分类:

    一、内联样式表: 

    <p style  ="font-size:14px;">内联样式表</p>

    二、内嵌样式表:

    <style type="text/css">
    p
    {
              样式;
    }
    </style>

    三、外部样式表

    新建一个CSS文件,用来存放样式表。如果要在HTML文件中调用样式表,需要在HTML文件中点右键→CSS样式→附加样式表。一般用link连接方式。

    有些标签有些默认差距,一般写样式表代码的时候都会先去除(也可以设置其他样式),如下

    1 <style type="text/css">
    2 *
    3 {
    4           margin:0px;
    5           padding:0px;
    6 }
    7 </style>

    选择器

    一、

    标签选择器: 用标签名做选择器。

    1 <style type="text/css">
    2 p
    3 {
    4              样式;
    5 }
    6 </style>

    二、

    class选择器。都是以. 开头。  

     1 <head>
     2 <style type="text/css">
     3 .pp
     4 {
     5     background-color:#F36;
     6     font-size:24px;
     7     color:#00F;}
     8 </style>
     9 </head>
    10 <body>
    11 <div class="pp">内嵌样式表</div>
    12 </body>

    三、

    ID选择器。以#开头

     1 <head>
     2   <style type="text/css">
     3   
     4 #pp
     5   {
     6       background-color:#F36;
     7       font-size:24px;
     8       color:#00F;}
     9   </style>
    10   </head>
    11   <body>
    12   <div id="pp">内嵌样式表</div>
    13   </body>

    四、

    复合选择器:

    1)、用“,”隔开表示并列

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

    3)、筛选“.”

    链接的style

      a:link 超链接被点前状态

      a:visited 超链接点击后状态

      a:hover 悬停在超链接时

      a:active 点击超链接时

      在定义这些状态时,有一个顺序l v h a

  • 相关阅读:
    pandas中的时间序列基础
    Python中的进程
    Pandas透视表和交叉表
    Pandas分组级运算和转换
    Python中的线程详解
    Pandas聚合
    Python面试题整理
    Pandas分组
    暑假集训 || 动态规划
    DFS || HDU 2181
  • 原文地址:https://www.cnblogs.com/zk0533/p/5308552.html
Copyright © 2011-2022 走看看