CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。下面我们就和大家分享一些用css3制作一些简单图形的教程。CSS3 圆形#css3-circle{width: 150px;height: 150px;border-radius: 50%;background-color: #2323...
sublime开发前端确实好用，有好多些个的插件，轻量便捷，但是在使用sublime中的一些插件的时候总是会遇到困扰，跟自己想象中的不一样，比如在使用SublimeCodeIntel插件的时候，就会遇到一个烦人的问题：在css中输入分号要换行的时候，总是弹出自动提示，按下回车就会确认提示，很是烦人。 为此：特意上网查了2个小时，终于找到解决方案： 打开Sublime默认设置文件：Perferences->Package Settings->SublimeCodeIntel->Setting - De...
本文主要对css小技巧进行简单汇总。具有很好的参考价值，需要的朋友一起来看下吧1、去除input记住密码后自动填充表单的黄色背景input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #FFF inset; } //其中#fff是背景颜色值2、IE8不支持opacity:0属性，可以加上下面属性:filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);3、IE input 框去掉文本框的叉叉和密码输入框的眼睛图标：::-ms-clear,::-ms-reveal{di...
css有很多的功能，在这里，小编给大家分享css中的八个小技巧。1、兼容所有浏览器显示半透明效果的方法<div class="transparent"></div> .transparent {filter: progid:DXImageTrans for m.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: .5;width : 200px;height : 200px;margin : 0 auto;background : url("../img/pic.jpg"); }2、_height,_width的作用使用_height解决float的div不闭合的问题，可以...
其它技巧和经验列表（*以下实例默认运行环境都为Standard mode）：如何让层在falsh上显示？方法：<param name="wmode" value="transparent" />设置flash的wmode值为transparent或opaque如何使用标准的方法在页面上插入flash？方法：<object id="flash-show" type="application/x-shockwave-flash" data="*.swf"><param name="movie" value="*.swf" /><param name="wmode" value="transparent" /> </object>至于flash的宽...
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。在CSS中用attr()显示HTML属性值attr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTM...
下面小编就为大家带来一篇必看的css布局小技巧分享。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧1.max-width:当页面左右宽度缩小时，为了避免出现左右滚动条的糟糕体验，就可以用到max-width啦！页面比宽度小时，会自动缩小哦～max-width : 500px; margin: 0 auto; }2.box-sizing:对元素设置box-sizing:border-box后，确定宽度后再设置padding和border，不会改变宽度。可以对全局设置，解决...
一、水平居中设置：行内元素 我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。这里我们又得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中...
CSS中的级联(cascade)在同一时间可谓是幸福的，也可以说是痛苦不堪的。通常能工作得非常好，但有问题的时候，也让人们都很激动，甚至事件中也离开不CSS。我们所涉及的不仅是CSS的级联也还涉及到CSS的权重。不是说碰到特殊问题才显得困难，可以说CSS的困难无处不在。在这篇文章中，我将通过一些示例来向大家展示一些CSS的小技巧，让你知道如何使用CSS的级联能变得更友好，也减少一些不必要的需求，从而也减少权重上遇到的麻烦。技巧...
在换行的地方添加或实现换行是不是超级美观~，简单的2个字符就搞定了，有需要的小伙伴参考下吧。
· ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。 · 初学可能会碰到这样一个情况，同样一个标签的属性在 IE 设置成 A 显示是正常的，而在 Mozilla 里必须要设成 B 才能正常显示，或者两个倒过来。 临时解决方法：选择符 {属性...
本章给大家介绍div+css页面布局的五个小技巧，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。1、表单文本输入的移动选择： 在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中，一切就会变得简单多了，如： <textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.fo...
这样就存在了新的问题，目前在IE7中工作正常的网页在IE8中会出现问题。 微软在IE8提供三种解析页面的模式 IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定 IE7 Standards Modes ：IE7现在用的解析网页的模式，开起机关是在中加入 Quirks Modes ：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明 注意：不同模式间的网页在IE8中可以互相 frame ，因此因不会模式下的DOM和CSS渲染不一...
在一些页面开发中，除自己操作外，引起换行的情况一般有： Ex一.td标签里内容长度过长引起换行； Ex二.div标签（或其他标记）里内容有文本和图片引起换行； 解决方法：针对例子一用标签把换行的内容全部包起来，可以解决问题；针对例子二用CSS样式white-space: nowrap;可以使图片和内容不换行，（经自己测试使用标签也可以）.
小技巧处理div内容溢出_CSS/HTML前几天遇到一个问题，代码是这样一个层次：代码如下:<div class="province"><ul><li>1</li><li>2</li><li>3</li></ul> </div>我设置了p的边框，要想ul的内容在边框内，必须设置p高度。但是，ul内的内容是变化的，内容少的时候就不及p的高度。不设高度的时候，ul的内容就出现在边框外了。原来需要设置ul的边框。想想也是，先设置与他关系最近的元素吧。对于前端不是很专业的同僚来说，写css样式表还是...