注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

CSS基础笔记  

2013-05-28 20:53:35|  分类: Css |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
学习CSS.
首先需要知道一些基本的东西:

HTML文档结构
没有良好的html文档结构,那么在高级的CSS也使得我们很多东西很难实现。

使用有意义的标签:
1.很容易定位
2.一些特殊设备,会对其进行特殊处理

(X)HTML包含丰富的有意义的元素
h1,h2
ul, ol和dl
blockquote 和cite
abbr,acronyum 和code
fieldset legend 和label
caption,thead tbody 和tfoot

因此,当存在意义合适的元素时,就应该使用
1.ID和类名
<ul id="mainNav">
    <li><a href="http://zhenghaoju700.blog.163.com/blog/#">Home</a></li>
    <li><a href="http://zhenghaoju700.blog.163.com/blog/#">About Us</a></li>
</ul>
2.div和span
有助于在文档中添加结构
div是把文档分割为有意义的区域的方法,
div可以对块级元素进行分组,span用来对行内元素分组


关于DOCTYPE

DOCTYPE规定了文档中那些可以有,那些没有

CSS选择器
常用的CSS选择器
  • id选择器
  • 类选择器
  • 元素选择器
高级选择器
  • 后代选择器 
  • 子选择器 >
  • 相邻选择器 +

样式优先级
A B C D
如果是行内样式 a = 1
b = ID选择器的数量
c = 类,伪类和属性选择器的数量
d = 标签选择器和伪元素选择器
样式继承
http://www.cnphp.info/css-style-inheritance.html

框模型
(这里指的是现代浏览器的框模型)
CSS基础笔记 - 星期五 - 星期五
 
 
  评论这张
 
阅读(229)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017