分享干货，拒绝水文

【代码】HTML+CSS制作非常好看的分页样式。

HTML5中一般情况下video设置视频的宽度高度：<video width="500" height="400" controls="controls">但是有的时候发现设置了视频的高度却并没有发生变化，我们可以设置其父元素的宽高，让video填充满父元素。只要给video标签加上style="width:100%;height:100%;object-fit:fill"即...

背景页面的布局方式是页面构成的主骨架，其重要性你们懂的～拿到一个PSD，一般情况下你会：看整体布局方式，是列式布局还是通栏式布局？ 列式布局是2列还是3列？ 通栏式布局一共有多少个通栏？每个通栏有多少列？总的来说，看PSD就要像看MM，先要知道她PP大还是MM大。。。所以在切页面前，先要写页面的主要布局的代码，和建楼房先搭地基的道理是如出一辙滴。布局代码确定后，再开始在布局上做“填空”游戏。布局对

分享两种好看的CSS表格样式，要的摘走，呵呵（如上图）。代码：分享两种好看的CSS表格样式#hor-minimalist-a { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; width: 480px; border-collapse: coll

分享三种笔者常用的html表格美化css： （效果如上图）表格美化/* reset */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, in

CSS Lint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题，使用方法很简单，只需要把 CSS 内容复制贴上，最后按下 LINT！按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则，预设是全部勾取，如果没有特别的需求可以不用更动，完成之后 CSS Lint 会告诉使用者该样式表哪些部分发生问题，只要依照网站的指示修改就可以得到比较没有问题的 CSS 样式表啰！ 网站名称：CS

下面的伪元素都与元素相对于HTML文档和它内部的HTML元素的位置有关。:first-letter允许你选定元素的第一个字母。下面是一个例子：p:first-letter {font-size:30pt;display:block;float:left;margin:05px5px0;}:first-line伪元素让你可以选择HTML元素包含文本的首行。下面一个例子为文本的第一行加粗，并让它的字母

CSS段落省略号 CSS样式截取字符串过长用省略号表示.test{width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

iframe背景色透明办法是设置iframe的属性 allowTransparency="true" 即如：以下是代码片段：而a.html的body也要设置样式 STYLE="background-color:transparent" 即如：以下是代码片段：这样iframe的背景就完全透明了。另外,在背景透明 iframe 里的样式设置背景颜色的话, a.html的透明背景颜色就会被iframe样

IE:body{height: 100%}Firefox:html,body{height:100%}这样设置后，body内的div的height的高度可以设置成100%。

这是一位叫 Christos Chiotis 的希腊 Web 设计师发表在 CssGlobe 的一篇文章，讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数，大约为 1.6180339887。黄金分割率用在 Web 设计中，可以为设计带来更多视觉上的和谐。在一个简单的两栏式页面布局中，使用两个容器，第一个容器用来显示主要内容，第二个容器显示侧条。比如，页面宽度为 960px，

模块：module.css基本共用：base.css布局、版面：layout.css主题：themes.css专栏：columns.css文字：font.css表单：forms.css补丁：mend.css打印：print.css头：header　　内容：content/container　　尾：footer　　导航：nav　　侧栏：sidebar栏目：column　　页面外围控制整体布局宽度：w

模块：module.css基本共用：base.css布局、版面：layout.css主题：themes.css专栏：columns.css文字：font.css表单：forms.css补丁：mend.css打印：print.css头：header　　内容：content/container　　尾：footer　　导航：nav　　侧栏：sidebar栏目：column　　页面外围控制整体布局宽度：w