首页 > Web开发 > 详细

CSS -- 入门

时间:2015-10-29 00:29:52      阅读:289      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!