CSS学习笔记

交流QQ群:26651479


    CSS 把 Html 的显示部分抽离出来,一次定义多个页面的显示效果
     可以另外写在一个 CSS 文件里,用 <link> 标签引进来
     也可以直接在文件的 <head> 里定义,用 <style> 标签括起来
<html>
    <head>
       <link rel="stylesheet" href="1.css" type="text/css" />  <!-- 导入CSS文件 -->
       <style type="text/css">        /*  这里用Html注释会影响其他的内容  */
    <!--
           h1{color:red;font-size:45} /* 定义h1的标题是红的,并改变字体大小 */
           h2,h3,h4{color:blue}       /* 连续定义h2,h3,h4的标题颜色的 */
           h1.class1{color:yellow}    /* 带class1的h1是黄的,其他h1不变 */
           .class2{font-family:宋体}   /* 定义所有带".class2"的标题都是宋体字的,级别较单独h的高 */
           #c1{color:#F304DE}         /* 定义带id的为紫色;不常用,因为id经常有其他的用途 */
           body{font-size:20pt}       /* 定义整个body的内容显示格式 */
           DIV{text-align:center;}    /* 可定义所有与样式有关的东西 */
           a{text-decoration:none}    /* 消除 A 链接的下划线;显示则改 none 为 underline */
           li{display:inline;}        /* 使 ul li 列表元素横排布局 */
    -->
    </style>
    </head>
    <body>
        <h1 class="class1">是黄的吗?</h1>
        <h1>应该是红的</h1>
        <h2>是蓝的</h2>
        <h3>也是蓝的</h3>
        <h4 class="class2">蓝的?绿的</h4>
        <h3 id="c1">带id的,紫色</h3>
        <h6 class="class2">看class2对其的作用</h6>
        <h5 id="c1"> 紫色的</h5>
        <a><h5> 黄的,根据“1.css”</h5></a>
    </body>
</html>

"1.css"文件里的内容:
h1{color:black;font-size:100}
h5{color:yellow}

    优先级:范围越小,优先级越高。
    注释:可用Html的注释,但为避免微量的影响,建议括起来。还可用 /*...*/ 注释;但不能用双斜杆注释 //...
    另外写的CSS文件,只需写<style>里面的内容

 

详细设定:
一、设定超连接文字的颜色:
     1.以 <body> 标签来设定
        <body link="blue"  alink="red" vlink="black">
        其中,link是未连接状态的颜色;alink是连接中状态的颜色;vlink是已连接过状态的颜色
     2.以 Style Sheet 来设定
       <style type="text/css">
    <!--
         A:link    { color: #0000ff }     /*未连接状态的颜色*/
         A:active  { color: red     }     /*连接中状态的颜色*/
         A:hover   { COLOR: red     }     /*??连接中状态的颜色*/
         A:visited { color: #808000 }     /*已连接过状态的颜色*/
       -->
    </style>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值