zoukankan      html  css  js  c++  java
  • CSS(之一)

    CSS(Cascading Style Sheet)

    四种控制方式:

    1. 行内样式(写在body里面)

       格式:<div style="height:100px;100px;border:solid 1px red;"></div>  (任何html标签都有style属性)

    2. 内嵌式(写在title下面)

       三种选择器:标签选择器、类别选择器、ID选择器

       标签选择器 (title下面写)

             <style type="text/css">

             div

            {

           100px;

           height:100px;

          border:solid 1px red;

            }

          </style>

     类别选择器(title下面写)一个标签里面可以写多个标签

          .c1

          {

          color:red;

          }

         body里面写

        <div class="c1 c2“>你好</div>

     ID选择器

        #d1

        {

        color:green;

        }

        body里写

       <div id="d1">你好</div>

       id 不能重复,class可以重复。   优先级 id选择器>class选择器>标签选择器

    3. 链接式(最常用)

       建立网页相对的文件夹 如:CSS, CSS文件命名 demo.css,公用的CSS  base.css ,对应的页面是demo.html

       demo.css写法:

       div

       {

       color:red;

       }

       .c1

       {

       color:green;

       }

       页面中引用的方法,在title下面写:

       <link rel="stylesheet" type="text/css" href="css/demo.css"/>

    4.  导入样式。基本淘汰。页面内容下载后才加载格式。

       <style>

       @import url(1.css)

       </stle>

       CSS继承:有些属性,如字体,颜色会继承

       CSS:就近原则

       CSS注释: /*   */

      

  • 相关阅读:
    最大子数组问题:股票
    dfs小练 【dfs】
    java小知识点简单回顾
    cdoj841-休生伤杜景死惊开 (逆序数变形)【线段树 树状数组】
    二路归并排序算法
    优秀Python学习资源收集汇总(强烈推荐)
    怎么学习逆向工程?
    __cdecl 、__fastcall、__stdcall
    getchar()、putchar()、gets()、puts()、cin.get()、cin.getline()、getline()
    <cctype>库
  • 原文地址:https://www.cnblogs.com/hjzou/p/4826292.html
Copyright © 2011-2022 走看看