易截截图软件、单文件、免安装、纯绿色、仅160KB

css学习总结

一 关于css的id选择符
      每个html的元素都包含一个id属性,该属性是唯一的,可以唯一标示一个元素,我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
  color:Yellow ;
  background-color:Maroon ;  
}
  html界面如下:
 <p id = "bulletinContent" >我的blog</p>
二 class选择符
    html中包含class属性,与id属性不同,class属性不要求唯一性,多个元素可以拥有相同的calss属性。
   
 
h2.titleLevel2
{
  color:Gray ; 
}
 html 页面代码:
<h2 class="titleLevel2">测试class的属性</h2>
三 多重class
 
    由上节的内容可知,class属性和id属性的不同之处,id属性是唯一的,而同一个属性可以赋给多个元素。
    一个html元素可以属于多个class。
    <h2 class="class1 class2">测试class的属性</h2>
  
   css文件如下:
     
        a.class1
{
  font-size:12px;
    
}
a.class2
{
  color:red; 
}
四 嵌套div标签
div.box
{
 border:1px solid #E2DFD0 ;
 margin-bottom:1em;
}
div.box div.title
{
  padding:0.3em ;
  padding-left:0.6em;
  background:#F2F0DD;
  font-size:0.9em ;
  font-weight:bold;
 
}
div.box div.content
{
   margin:0.3em;
   
}
div.box div.content *
{
   margin:0;
  
}
div.box h3
{
 font-weight: bold;
 font-size:0.9em;
 padding:0.5em;
 color:#0033CC;
 
}
div.box p
{
  font-size:0.9em;
  padding:0.5em;
   
}
div.content + div.content
{
 
 border-top:1px dotted #E2DFD0 ;
 
}
对应的html代码
 <div class="box">     
     <div class="title">产品列表</div>
    
  &nbs


相关文档:

常用CSS样式记录

margin-bottom:8px;设置对象下边距的高度
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
padding-top:10px;与上一个标签的距离
padding-left:10px;与左边的间距
检索或设置对象顶边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定pos ......

CSS 样式学习

三种引用2010-03-14 17:45:36
内联定义>外链引用>内联块定义
1.内联定义                         
  <a  stype="XXX">     
2 ......

css实现渐变效果

<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDIN ......

50款css工具

50款css工具
引自:http://bbs.seuuo.com/thread-2613-1-3.html
50款CSS工具,包含,CSS网格和布局工具,CSS 优化工具,CSS 菜单生成工具,CSS 按钮生成器,CSS 圆角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表单生成器。
网格和布局The 1KB CSS Grid
新颖的 CSS 网格工具,可用于简化内容管理系统的 ......

彻底弄懂CSS盒子模式(DIV+CSS)

彻底弄懂CSS盒子模式(DIV+CSS)
非常好的DIV布局原理与实例教程,对WEB标准布局有兴趣的朋友可以看看以下内容:
Web标准,彻底弄懂CSS盒子模式一:DIV布局快速入门
Web标准,彻底弄懂CSS盒子模式二:导航栏实例详解
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除的自述[1]
Web标准,彻底弄懂CSS盒子模式三:浮动的表演和清除 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号