随笔分类 -  CSS

CSS 初始化 例子
摘要：/*字体初始化*/body {font-size:62.5%;} /* for IE/Win */html>body {font-size:10px;} /* for everything else *//*字体边框等初始化*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,... 阅读全文
posted @ 2014-05-16 12:54 风林火山09 阅读(135) 评论(0) 推荐(0)
html 16 a链接 锚点 a的伪类
摘要：#a1 / 本页#a1a name="a1"a:link 未访问的a:visited 访问过的a:hover 鼠标经过的a:active 访问瞬间的visited 是访问他链接的页面 比如# herf="#" 访问过的都会变，不管有几个active 不设置顺序是lvhaa:link 简写成 a 阅读全文
posted @ 2014-05-16 11:58 风林火山09 阅读(210) 评论(0) 推荐(0)
html 15 table
摘要：table 的层面 border-collapse: collapse(合并) separate(默认)rowspancolspanvertical-align 阅读全文
posted @ 2014-05-16 11:21 风林火山09 阅读(129) 评论(0) 推荐(0)
html 14 h1-h6 p img 自闭合标签 闭合标签 替换式元素 有序编号，无需编号
摘要：h1 - h6 并告诉搜索引擎 这里是标题p 用于正文段落多img 图片 替换元素 自闭合标签自闭合标签：hr/ br/ area/ img/ input/替换元素: img input textarea select objectimg初始化成 display:block;无序编号 ul list... 阅读全文
posted @ 2014-05-16 11:12 风林火山09 阅读(477) 评论(0) 推荐(0)
CSS 优先级 初始化
摘要：越精细，越优先初始化的意义，没有声明CSS的裸标签，在不同的游览器下，会有不同的显示方法。为了防止意外的显示，初始化CSS是很好的习惯。减少不兼容的情况。腾讯QQ官网(http://www.qq.com)样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,... 阅读全文
posted @ 2014-05-15 14:52 风林火山09 阅读(234) 评论(0) 推荐(0)
Css 选择器
摘要：#id.classnameTagNameTagName TagName 派生选择器第一 id #xxx第二 class .xxx第三 标签 div p body 等第四 后代 div p{} .a .b{} 等 表示所有空格后面的选择器生效第五 子代 div > p 只有大于... 阅读全文
posted @ 2014-05-15 14:46 风林火山09 阅读(131) 评论(0) 推荐(0)
html 13 背景
摘要：backgroundbackground-colorbackground-imgaebackground-repeatbackground-attchmentbackground-position <----可以使用Css sprites 阅读全文
posted @ 2014-05-15 14:34 风林火山09 阅读(142) 评论(0) 推荐(0)
html 12 行 快 转换 段落 文字
摘要：display: block;inline;none;inline-block;段落缩进 text-indent:20pxfont: font-style font-weight font-size line-height font-familyfamily: "xxx","xxxx","xxxxx... 阅读全文
posted @ 2014-05-15 13:31 风林火山09 阅读(423) 评论(0) 推荐(0)
html 11 内联（行内）
摘要：行内元素 块级元素 行内元素，这是高 margin-top margin-bottom 无意义 ，无效果，因为它仅仅在行内 ，它跳不出行，行多少它就多少。padding-top padding-bottom也无效果width height 也没有用 margin-left/right 是可以... 阅读全文
posted @ 2014-05-14 13:37 风林火山09 阅读(197) 评论(0) 推荐(0)
html 10 margin 重叠
摘要：留意，父子元素，margin重叠影响的是margin-top上的。取两者中的最大值，水平和bottom不受影响，重叠的时候子元素的margin-top消失父元素如果加了padding属性，不会重叠。子元素如果有float，父子不重叠CSS 外边距(margin)重叠及防止方法两个或多个块级盒子的垂直... 阅读全文
posted @ 2014-05-14 11:58 风林火山09 阅读(455) 评论(0) 推荐(0)
html 9 css居中
摘要：水平居中的text-align:center 和 margin:0 auto这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响，否则一切都是无用功。margin:0 auto也可以被写成margin:0 auto 0 aut... 阅读全文
posted @ 2014-05-14 08:49 风林火山09 阅读(195) 评论(0) 推荐(0)
盒子模型的总结
摘要： 阅读全文
posted @ 2014-05-13 15:40 风林火山09 阅读(153) 评论(0) 推荐(0)
html 8 盒子的background 颜色的面积
摘要：颜色是从哪里铺？从盒子的border内边开始铺满盒子内部整个区域铺到盒子的border内边缘铺的面积呢？以前有个错误的思想，盒子width height 是content区的总宽应该是div的 width + padding-left + padding-right总长应该是div的 height ... 阅读全文
posted @ 2014-05-13 15:39 风林火山09 阅读(248) 评论(0) 推荐(0)
html 7 圣诞树 浮动 相对位置
摘要：Document 阅读全文
posted @ 2014-05-13 14:15 风林火山09 阅读(298) 评论(0) 推荐(0)
html 6 border border-width border-style border-color CSS三角形
摘要：Document border:border-width border-style border-colorborder-top-color/style/widthborder-right-color/style/... 阅读全文
posted @ 2014-05-13 13:33 风林火山09 阅读(247) 评论(0) 推荐(0)
html 5 marign top right bottom left
摘要：Document margin:margin-top margin-right margin-bottom margin-left 阅读全文
posted @ 2014-05-13 11:25 风林火山09 阅读(285) 评论(0) 推荐(0)
html 布局
摘要：制定浮动之后，需要把height width最好定下，以免出现奇怪的现象父元素高度没有设置，就是0px其子元素如果浮动。再高也不会撑开父元素的高度，注意会把紧挨着的下面元素向上被 浮动的子元素覆盖。如果父div不设置高度和浮动,2个子div设置浮动,其实1个或者2个子div都设置高度,父div不会受... 阅读全文
posted @ 2014-05-12 23:33 风林火山09 阅读(239) 评论(0) 推荐(0)
html 4 浮动 清除浮动（两种方法注意）
摘要：前一个元素设置浮动了紧挨着的元素就浮动在上个元素的下面被上个元素给覆盖如果行元素不写width，则占满父元素中所在的那一行要不想被覆盖 要清除浮动clear:left clear:right左浮元素不覆盖 右边元素不覆盖clear:both; Document ... 阅读全文
posted @ 2014-05-12 22:38 风林火山09 阅读(329) 评论(0) 推荐(0)
html 3
摘要：div{}#id{}.class_name{}CSS引入方式1. 写在标签内部的 style=" " 属性里 内嵌样式表2. 写在部分中的 内部样式表3. 写在 链入外部样式表4. 在中使用 @import url(**.css); 导入 CSS 别少了分号！！！！！ 导入外部样式表元素标签 并排在... 阅读全文
posted @ 2014-05-12 22:01 风林火山09 阅读(330) 评论(0) 推荐(0)