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

    CSS的优势:

      内容与表现分离

      网页的表现统一,容易修改

      丰富的样式,使得页面布局更加灵活

      减少网页的代码量,增加网页的浏览速度,节省网络带宽

      运用独立于页面的CSS,有利于被搜索引擎收录


    CSS基本语法结构:

      语法:h1{

        font-size:16px;

                属性:值;

               }


      style标签:

           <style type="text/css">

            h1{

                font-size:16px;

                属性:值;

               }

        </style>

    CSS选择器:

      标签:HTML标签作用为标签选择器的名称

            <h1>...<h6>、<p>、<img/>

        语法:p{font-size:16px;}

      类选择器:多次使用

               <标签名  class="类名称">标签内容</..>

        语法:class{font-size:16px;}

      ID选择器:不能重复使用

        #id{font-size:16px;}

    CSS样式:

      内部样式:

        <style type="text/css"></style>

      行内样式:

        <h1 style="color=red"></h1>

      外部样式:(链接式)

        <head>

                   <link href="文件所在位置" rel="在页面使用外部样式" type="text/css"/>

        </head>

             

    样式优先级:

      行内样式>内部样式>外部样式

      ID选择器>类选择器>标签选择器

  • 相关阅读:
    Vue的配置安装与项目创建
    log4j:WARN No appenders could be found for logger
    终于在博客园扎根了
    简单工厂模式
    详解apache防盗链网站图片防盗链方法
    怎样能写好文章标题
    生活需要阿Q精神
    2013个人博客全新起航
    华中师范大学新生网上怎么选宿舍
    华中师范大学2012级新生QQ交流群欢迎加入!
  • 原文地址:https://www.cnblogs.com/yiui/p/6919233.html
Copyright © 2011-2022 走看看