码迷,mamicode.com
首页 > Web开发 > 详细

CSS -- 入门

时间:2015-10-29 00:32:25      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:

 


CSS(Cascading Style Sheets): 层叠样式表,用于控制HTML的样式和布局

 

主要模块:

  选择器

  框模型

  背景和边框

  文本效果

  2D/3D转换

  动画

  多列布局

  用户界面

 


 

选择器

  一般保存为.css文件,在html的<head>中用 <link href="xxx.css" type="text/css" rel="stylesheet"> 引入

  选择器:   

h1{
    color: red;
    font-size: 50px;
}                    也可以给多个元素加上同一样式  h1,h2,a,li{...}         

  

  继承:例如<body>标签中包含的标签,如果该标签没有添加样式,就继承body的样式

       如果有自己的样式,则用自己的样式

 

  派生选择器:

p strong{
    color: green;
}        只有在p标签中的strong标签内生效

  

  id选择器(#)

#divid{                  
    color: red;
}    

<div id="divid">

  

  class选择器(.)

.divclass{
    color: red;
}    

<div class="divclass">

  id选择器和class选择器都可以派生选择器

 

  属性选择器

<body>
    <style>
        [title]{
            color: red;      没有值时,任何title=‘xxx‘都生效
        } 
        [title=te]{
            color: green;    只对title=‘te‘生效
        }
    </style>
</body>

<p title=‘t‘>...<>
<p title=‘te‘>...<>

 

 

 

   

 

CSS -- 入门

标签:

原文地址:http://www.cnblogs.com/roronoa-sqd/p/4918942.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!