在CSS里，border是控制对象的边框边线宽度、颜色、虚线、实线等样式的CSS属性。border属性多种多样，今天就来给大家说一些关于操作border的小技巧。DIV+CSS边框border知识教程篇Html表格控制边框：border="1" bordercolor="#000000"说明：控制表格边框宽度为1px，css颜色为黑色，默认为实线样式边框。border-left 设置左边框，一般单独设置左边框样式使用border-right 设置右边框，一般单独设置右边框样式使用border-top 设置上边框...
div css表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。 1、表单文本输入的移动选择： 在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 中，一切就会变得简单多了，如： Input English.. 类似的，可以加入代码到。 2、表单输入单元点击删除： 本列同上则作用类似，只是使用...
转自： http://blog.onlygrape.com/css-form-layout/267 1、表单文本输入的移动选择：在文本输入栏中，假如加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=”this.focus()” onFocus=”this.select()” 代码到 中，一切就会变得简单多了，如： Input English.. 类似的，可以加入代码到。 2、表单输入单元点击删除： 本列同上则作用类似，只是使用鼠标上略有变化，需要点...
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、一个兼容性调整(IE和Mozilla)的笨办法： 初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，...
1、ul标签在Firefox中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、兼容性调整(IE和Firefox)办法： 初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Firefox里必须要设成B才能正常显示，或者两个倒...
主要修改文件是config文件（Web.config）： 1、在标签中添加属性：validateRequest="false" 2、在标签中添加属性：requestValidationMode="2.0" 至此问题解决。
水平居中设置 （如果有些词组较陌生，可以快速浏览一遍我发布的随笔"html常用标签"，"CSS总结（上，中，下篇）"，再回顾一下）。 ☆水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中场景，现在来总结一下怎么设置水平居中的。如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。如下代码：html代码： 1 2 3 4 5 定宽块状元素水平居中 6 7 di...
1.控制超出部分显示省略（单行）： white-space: nowrap;text-overflow:ellipsis;overflow: hidden; 下面使用css3部分控制多行超出部分显示省略（此处适配谷歌内核浏览器）： overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;/* 设置最高值，防止超出部分显示出来 */max-height: 30px; 2.实现标签背景透明，内容不透明： ba...
水平居中设置-定宽块状元素 当被设置元素为块状元素时用 text-align：center 就不起作用了，这时也分两种情况：定宽块状元素和不定宽块状元素。这一小节我们先来讲一讲定宽块状元素。 满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。我们来看个例子就是设置 div 这个块状元素水平居中： html代码： 我是定宽块状元素，哈哈，我要水平居中显示。 css...
题外话 传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!; 定位HTML元素的三种方式 进入调试工具界面,按下”瓢虫”旁边的小鼠标,再进行网页元素的选择 默认快捷键,Ctrl + shift + C 鼠标移动到网页的某一块元素,鼠标右键,使用Firebug查看元素 HTM...
下面是特邀Umar Hansa做的一篇文章。Umar有一个新闻组，我是他的粉丝，他很亲切地应我们要求把这篇约稿写成了新闻组的形式。我将让他介绍一下他自己。 嘿，我是Umar。我喜欢在Twitter(@umaar)上分享web开发相关的小技巧，同时也喜欢通过Dev Tips以gif的形式分享开发的小技巧。Dev Tips是开发者的一个新闻组。现在，它主要是Chrome开发工具相关的内容。开始之前，感谢CSS-Tricks给我机会为自己喜欢的一个组织做点贡献。 这篇文...
1， Bootstrap Bundle （http://bootstrapbundle.com/）: 提供了15中不同的MVC Bootstrap模板。【扩展和更新】中搜索“Bootstrap Bundle” 下载安装。新建项目的时候就可以直接选择模板了。 2，Bootswatch (http://bootswatch.com/): 提供了一些不同色调的bootstraps css文件,可以直接下载所需主题的css文件覆盖项目中的css: 3，Bootstrap Snippets(http://bootsnipp.com/): 可以直接在vs中插入bootstr...
Chrome 开发者工具是一款Web开发者们公认的优秀的前端调试工具,本身功能强大，有了这个工具,你可以做很多有趣的事情。 快速编辑HTML元素 在Elements面板,鼠标双击需要打开的DOM元素标签,就可以编辑它，完成之后会自动更新页面和关闭标签。 还是在Elements面板按下ctrl + F 或 F3 ,在搜索栏里输入自己想要查找的内容，如果存在，就会在DOM中，用不同的颜色标出。 快速定位行和列 在sources面板...
1、善用css缩写可以减少页面文件大小，提高下载速度，同时使代码简洁可读。 如： 1. border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #cccccc; 可以写为:border:1px solid #cccccc; 2. margin-top:10px;margin-right:20px; margin-bottom:30px; margin-left:40px; 可以改写为： /*注...
偶遇一个可爱的css布局学习网站，立刻学起来哟～ max-width:当页面左右宽度缩小时，为了避免出现左右滚动条的糟糕体验，就可以用到max-width啦！页面比宽度小时，会自动缩小哦～max-width : 500px;margin: 0 auto;} box-sizing:对元素设置box-sizing:border-box后，确定宽度后再设置padding和border，不会改变宽度。可以对全局设置，解决浏览器兼容问题的写法如下：-webkit-box-sizing : border-box;-moz-box-sizi...