如今我们的网站、页面更加需要注重细节，不论是字体的样式、还是图片的分辨率清晰度都会影响到用户的访问体验和PV，以及用户以后是否会回访我们的网站/博客。如果有时间的时候，老左也会浏览和阅读相关的前端网站和积累一些不错的前端资源，在"8款设计师常用漂亮的HTMLCSS表格样式"中展示了几款不错的价格列表，在这篇文章中整理6...

通过使用text-overflow和white-space属性来使文本在一行内显示，超出则加省略号，添加如下html代码：<p>前端开发博客专注前端开发和技术分享，如果描述超过100像素，则会隐藏，添加省略号</p>CSS：需要加上宽度(width:100px)、超出隐藏（overflow:hi...

webkit特有的一个css，可以控制里面的文字样式，配合css3的动画效果和伪类，我们就可以很容易做出一个带动画的输入框，在系统登录、搜索等位置很适合 Webkit作为载体开发系统，当然需要大量使用Html5与CSS3，不仅减少大量的JS还可以保证更流畅。 当选中对话框后，提示文字变浅色,输入后消...

if($("div").attr("class")==null)如果$("div").attr("class")为空，则没有定义样式$("div").attr("class").indexOf("myclass")<1如果小于就是div没有定义myclass的样式，否则就有...

是由于文档声明的原因之前为“<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www....

CSS判断不同分辨率浏览器（显示屏幕）显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3@media样式进行判断，但IE9以下版本不支持CSS3技术，这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局。一、实用范围描述 -  TOPCSSDIV网页...

.action-button{width:100%;background:rgba(0,0,0,0.7);position:fixed;bottom:0;left:0;z-index:10;text-align:center;margin:0;} ...

1、px   像素，我们在网页布局中一般都是用px。2、百分比  百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。3、Viewport   viewport：可视窗口，也就是浏览器。  &n...

原文地址:https://www.cnblogs.com/luxiaoxing/p/7544375.html视口单位(Viewportunits)什么是视口？ 在PC端，视口指的是在PC端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：LayoutViewport（布局视口），VisualViewpor...

原文地址:https://www.jianshu.com/p/3d21d1932aa0Normalize.css只是一个很小的css文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的cssreset，Normalize.css是一种现代的，为HTML5准备的优质替代方案。Normalize.c...

原文地址:https://segmentfault.com/a/1190000008411418页面布局中经常用会遇到左侧宽度自适应，右侧固定宽度，或者左侧宽度固定，右侧自适应。总之就是一边固定宽度，一边自适应宽度。一般固定宽度是导航栏，自适应宽度的是主体内容显示区。所以要实现这种布局，就先给出如下html结构：<...

SS有两个说不上常用的伪类:before和:after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 CreativeLinkEffects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform属性进行变形之外，就是接...

原文地址：http://www.cnblogs.com/iceflorence/p/5815409.html<!---->是HTML的注释标签,使用<和>是符合HTML标签语法规则的。/**/是CSS的注释标签/**/（注释代码块）、//（注释单行）是JS的注释标签。两种注释有各自的使用环境,并...

原文地址:http://www.divcss5.com/wenji/w503.shtml对table设置css样式边框，分为几种情况：1、只对table设置边框2、对td设置边框3、对table和td技巧性设置表格边框4、对table和td设置背景，实现完美表格边框以下DIVCSS5对以上几种实现html表格边框样式进...

display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素，但隐藏的元...