摘要:HTML标签CSS属性默认值,在你需要还原默认值的时候比较有用。以前一直在找这份文档,今天偶然在网上看到了。除了inline和block的定义,主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size)。html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: bl 阅读全文
Doctype 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
2013-09-29 01:38 by youxin, 5058 阅读, 1 推荐, 收藏,
摘要:Doctype:(Document Type)文档类型,它位于文档中最前面的位置,处于标签之前。如果你想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE的声明。确定了正确的Doctype,xhtml里面的标识和css才能正常生效(也就是说它会很负责地告诉浏览器怎么解释你的这个标签和你写的css)。既然它是一种声明,它的责任就是告诉浏览器文档使用哪种html或者xhtml规范。为了获取正确的Doctype声明,关键就是让dtd与文档所遵循的标准对应。例如:假定文档遵循的是xhtml 1.0 strict,那么文档的Doctype声明就应该是相应的dtd,如果Doctype声明指定 阅读全文
css em
2013-09-29 01:05 by youxin, 905 阅读, 0 推荐, 收藏,
摘要:em与px换算任意浏览器的默认字体高度16px(16像素)。所有未经调整的浏览器都符合:1em=16px。那么,12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。em单位有如下特点: 1. em的值并不是固定的; 2. em会继承父级元素的字体大小。我们在写CSS的时候如果要用em为单位,需要注意两点: 1. body... 阅读全文
html body width height 100%使用
2013-09-29 00:50 by youxin, 20537 阅读, 7 推荐, 收藏,
摘要:首先我们来看一个实际的问题,让body中的一个div占全屏,(问题来源:http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window下面的代码符合要求吗? div1运行后div1还是只占一行,h... 阅读全文
元素居中(一篇非常好的文章)
2013-09-28 22:47 by youxin, 861 阅读, 0 推荐, 收藏,
摘要:原文:http://css-tricks.com/centering-in-the-unknown/When it comes to centering things in web design, the more information you have about the element being centered and its parent element, the easier it is. So what if you don't know anything? It's still kinda doable.Not too hard: Known ChildIf 阅读全文
css table 布局
2013-09-28 16:29 by youxin, 1017 阅读, 0 推荐, 收藏,
摘要:使用CSS表格CSS表格能够解决所有那些我们在使用绝对定位和浮动定位进行多列布局时所遇到的问题。例如,“display:table;”的CSS声明能够让一个HTML元素和它的子节点像table元素一样。使用基于表格的CSS布局,使我们能够轻松定义一个单元格的边界、背景等样式,而不会产生因为使用了table那样的制表标签所导致的语义化问题。在深入了解这种方法之前,让我们先来写份HTML文档实例: ? HTML head content… ? navigation column... 阅读全文
大小不固定的图片、多行文字的水平垂直居中
2013-09-28 07:20 by youxin, 903 阅读, 0 推荐, 收藏,
摘要:本文综述想必写css的都知道如何让单行文字在高度固定的容器内垂直居中,但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢?本文将会告诉你如何实现多行文字的垂直居中显示。关于图片垂直居中显示,想必很多写css的人都研究过,或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法,用font-size解决IE下垂直居中的问题,是个好方法吗?是的,方法是不错,可是问题也很多:不支持img外标签的浮动,致使多图片排列时需添加额外标签;需要记住一些比例参数,上手较难;原理艰深,兼容性不稳定等。但是在我看来,这个方法不足够好!本文将提供两种更为新颖的方法,代码简洁,原理简单,上手容易,兼容性强, 阅读全文
cssline-height行高 全解
2013-09-28 06:07 by youxin, 1248 阅读, 0 推荐, 收藏,
摘要:1. 基线、底线、顶线2. 行距、行高3. 内容区4. 行内框5. 行框元素对行高的影响扩展阅读1. 基线、底线、顶线行高指的是文本行的基线间的距离。基线并不是汉字的下端沿,而是英文字母"x"的下端沿2. 行距、行高3. 内容区底线和顶线包裹的区域,实际中不一定看得到,但却是存在。4. 行内框行内框只是一个概念,它无法显示出来,但是它又确实存在它的高度就是行高(这句话有问题,看http://www.cnblogs.com/youxin/p/3336854.html)在没有其他因素(padding)影响的时候,行内框等于内容区域5. 行框行框(line box)。同行内框类似 阅读全文
css vertical-align全解
2013-09-28 05:17 by youxin, 1247 阅读, 0 推荐, 收藏,
摘要:CSS的属性 vertical-align 指定了内联(inline)元素或表格单元格(table-cell)元素的垂直对齐方式。要记住:vertical-align不影响块级元素中内容的对齐。(vertical-align要点It only applies to inline or inline-block elements 或table-cell元素It affects the alignment of the element itself, not its contents (except when applied to table cells)When it’s applied to 阅读全文
转:一个strcpy的问题(很容易做错)
2013-09-28 02:26 by youxin, 844 阅读, 1 推荐, 收藏,
摘要:下面的执行结果是什么?#include#includevoid main(){char s[]="123456789";char d[]="123";strcpy(d,s);printf("d=%s,\ns=%s",d,s);}执行结果:d=56789, s=123456789书上有关于这个的解答,说是因为当初分配的内存地址是连续内存的问题,原来的是1234\0123456789\0,strcpy后变成123456789\06789\0。分析:首先要解释一下,char s[]="123456789"; char d 阅读全文
浙公网安备 33010602011771号