2013年3月20日

内联元素
摘要： 内联元素：内联元素又叫“行内元素”，w3c组织称之为“行内框”，网友的经典比喻---“行内元素”就是橡皮筋，文字走到哪，橡皮筋包到哪内联元素只对每一行的文字起作用，或者说内联元素的作用范围，不能跳出行的区域内联元素下方的空白问题：在一大段N行(N>=2)文字的行与行之间有行距且行距是可以控制的，每行行距也都相等，但是在最后一行，与后面的块状元素，则有一个明显的边距，这个边距是我们用css控制不了的，开发中常碰到图片与下方的块状元素有空白的问题原因：因为图片是内联元素，所有内联元素结束后，与后面的块状元素有一段空白。解决：通过display来转换img为块状元素，再通过margin:0;来 阅读全文
posted @ 2013-03-20 18:50 阿土白白 阅读(244) 评论(0) 推荐(0) 编辑
 
html标签(3)--表格
摘要： <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style title="text/css">table {border:solid 1px blue;}td {border:solid 1px red;}/* 如何通过css控制表格的边框，样式*/table {border-collapse:separate;/*border-c 阅读全文
posted @ 2013-03-20 16:37 阿土白白 阅读(143) 评论(0) 推荐(0) 编辑
 
html标签(2)--有序列表与无序列表
摘要： 有一些内容形式，用div来实现非常麻烦，也不适合例如一些表格形式无序列表ul 代表列表li 代表列表中的项list-style 控制列表的样式有序列表ol 代表列表li 代表列表中的项<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">&l 阅读全文
posted @ 2013-03-20 15:51 阿土白白 阅读(313) 评论(0) 推荐(0) 编辑
 
html标签(1)
摘要： 标签的语义性div标签的局限div(divistion)是块、区域的意思在html里，div是负责划分大块区域div是没有“语义性”的div和h1标签放在一块比较最为典型<div>hello world</div><h1>hello world</h1>两者的显示效果不一样，h1里面的文字大原因就在于，div仅用来划区域，至于里面的内容，是标题还是段落分析不出来而且对文字的颜色、粗细、大小等并没有影响。因此，我们说div是没有语义性的，无语义标签但是对于搜索引擎来说，如果全用div不利于seo的优化以h1为例，h1里面的文字会被搜索引擎作为分析页 阅读全文
posted @ 2013-03-20 15:23 阿土白白 阅读(185) 评论(0) 推荐(0) 编辑
 
CSS选择器总结
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2013-03-20 14:00 阿土白白 阅读(118) 评论(0) 推荐(0) 编辑
 
浮动游戏
摘要： 对于漂浮(float)的元素，外边距不存在重叠效果，也就是说：上下边距为两者的margin之和。CSS的选择器总结*{} 通配选择器 选中页面上的所有元素div{} 标签选择器 选中页面上所有的div#id{}id选择器 选中页面上id="xx"的元素.classname 类选择器/** 燕十八 公益PHP培训 课堂地址:YY频道88354001 学习社区:www.zixue.it **/ 阅读全文
posted @ 2013-03-20 12:59 阿土白白 阅读(134) 评论(0) 推荐(0) 编辑
 
路径的概念
摘要： 如果href只写一个css的文件名，则默认在当前网页所在的目录下寻找该css文件。如果想表示当前网页网上一级，可以用..(两个点)代表上一级，如果想表示网页的当前目录，则用.(一个点)代表当前目录，如果不写./，也是默认在当前目录下找，因此往往省略/** 燕十八 公益PHP培训 课堂地址:YY频道88354001 学习社区:www.zixue.it **/ 阅读全文
posted @ 2013-03-20 12:00 阿土白白 阅读(190) 评论(0) 推荐(0) 编辑