厦门市企业网站建设为您详细介绍:CSS基本专业

2021-03-03 09:51 admin

1、CSS基本
1.甚么是CSS?
CSS[Cascading Style Sheet],堆叠款式表
2.CSS能做甚么?
迅速维护保养网页页面元素(如文字、图象、报表等)的款式。
3.HTML特性与CSS款式的应用标准
W3C提议尽可能使有CSS款式替代HTML标识的特性。
HTML与CSS的关联是构造与主要表现的关联。
4.CSS的应用方法
4.1 连接到外界的CSS文档
    CSS文档的拓展名为.css    
    <link type="text/css" rel="stylesheet" <br/>    
    media="all|screen|print" href="CSS文本文档URL"/>    
    media,指CSS文档的运用新闻媒体种类。    
    all,运用于全部的新闻媒体物质。    
    screen,运用于访问器。    
    print,运用于复印机。    
4.2 撰写于文本文档的头顶部
    <style type="text/css"><br/>    
    ...    
    </style><br/>
4.3 撰写于标识內部
    <标记名称 style="CSS样式;...">    
    <标记名称 style="CSS样式;...">...<!--标识名字-->
4.4 CSS运用方法的优先选择级
        内联款式的优先选择级最高        
        头顶部款式与外界款式取决于撰写的次序
5.CSS的英语的语法标准
  挑选器{
        特性:值;
        特性:值;
        ...
 }
2、CSS挑选器
1.甚么是CSS挑选器?
CSS挑选器便是告知网页页面,哪些目标将应用CSS款式。
2.CSS挑选器
2.1 通配挑选器   --  * (全自动运用于全部的HTML元素)
2.2 种类挑选器   -- 标识名字 (全自动运用于某类型型的HTML元素)
2.3 类挑选器      -- .类名字 (手动式的HTML元素加上class="类名字"特性,好几个类名之间以空格隔开)
2.4 ID挑选器     -- #id (手动式的运用给文本文档中唯1的目标,加上id="ID"特性)
    ID将会被应用的地区:    
    A.CSS款式    
    B.JavaScript  -- document.getElementById(id)    
    C.jQuery      -- $('#id')
2.5 群组挑选器    -- 挑选器,挑选器,... (具备同样特性的挑选器的简捷方法)
2.6 子孙后代挑选器    -- 挑选器 挑选器 ... (挑选器之间最少为父子关联)
2.7 子代挑选器    -- 挑选器>挑选器>... (挑选器之间只能为父子关联)
2.8 伪类/伪元素挑选器 --  :link :hover :active :visited                       
                      :after :before                      
                      :focus
3.CSS挑选器的优先选择级
  inline,IDs,classes,tags 
    内联款式的优先选择级是:1,0,0,0    
  ID挑选器的优先选择级是:0,1,0,0 
    类挑选器的优先选择级是:0,0,1,0    
    种类挑选器优先选择级是:0,0,0,1    
    例1:    
  #a1{  --> 0,1,0,0    
  }    
    例2:
  #a1 li{  --> 0,1,0,1   
  }
 
     例3:    
  body #a1 li{  --> 0,1,0,2   
  } 
    例4:    
  body #a1 .a2 .a3 li{  --> 0,1,2,2 
  }   
4.CSS企业
4.1 长度企业
px,像素
%,百分比
em,字号的倍数
4.2 色调企业
A.英文名字,如red,green等
B.详细106位进制,如#ff0000,#00ff00,#0000ff,#ffffff(白色),#000000(黑色)
C.简写106位进制,如#f00,#0f0等
D.详细RGB方式,如rgb(255,0,0)等
E.百分比RGB方式,如rgb(0%,100%,0%)
<!--标识名字--><!--标识名字--><!--标识名字-->