对于网页重构来说，CSS禅意花园 是网页布局从 table 表格转到了 html +css 的标志 。这些年来，随着我们的网站越来越复杂：html5，css3，新的技术、新的属性，越来越多的开发者开始思考和尝试提高他们的 CSS 技能。那么我们从哪里着手呢？对于网页重构工作来说，我们应该养成什么样的开发习惯？一个糟糕的 css 用法是怎样的？我们应该怎么处理这些糟糕的 css。今天这篇文章，我将谈一谈10个我们应该避免的 css 糟糕用法，当然，我们...
现在网站追求越来越漂亮好看,越来越炫,所以css是必不可少的.可是我发现许多人使用css的方式是不对的,至少是不推荐的. 比如下面的css用法不对 (1)一个页面对应一个css文件 这种做法是我深恶痛绝的,为什么呢?可重用性太差了! 比如哪天我突然要改变一个按钮的样式,那就坏了,只要包含按钮的页面的样式我都得改,比如有20个页面包含了按钮,那么我就得修改20个css文件,这不要人命吗? 根本原因:相同的样式重复出现在多...
如果 html文件在c盘qw文件夹里 而图片在c盘另一个文件夹内 怎么在html文件中引用这个图片啊？？？ 大姐大哥们求解 回复讨论(解决方案) ../文件夹名称/xxx.png 这跟src的用法没有关系，其实是图片路径的问题。 有几种方式： 1. 绝对路径的方式。前提是你的web服务器能够访问到图片的路径 2. 相对路径的方式。同样，需要保证服务器能够访问到图片 3.web方式。如http://www.test.com/aa.jpg 相对路径 有几种...
说明：本次总结中，凡是以tableName或viewName作为参数因子的。函数在调用的时候均按照先从私有数据源中查找，然后再从公有数据源中查找的顺序。 CLASS CLASS(object):返回object对象的所属的类。 CNMONEY CNMONEY(number,unit)返回人民币大写。 number:需要转换的数值型的数。 unit:单位，"s","b","q","w","sw","bw","qw","y","sy","by","qy","wy"分别代表“拾”，“佰”，“仟”，“万”，“拾万”，“佰万”...
近来，小码哥有点小闲啊，因此，也就没有想更新的内容了！希望光顾过俺博客的“yin民”不要吐槽我啊，，，，， 不过，今天小码哥用到了一个对我来说相对陌生的HTML属性，就是mailto属性，说是属性吧，也不完全正确。因为它是作为href属性值得前缀来用的。 其大概功能就是会给某个邮箱地址添加上一个点击效果，点击邮箱地址后，会直接跳转到或进入到电脑上某个邮箱软件。方便用户更快捷的、无误的发送邮件！ 废话不多说了，直接上...
1.解析方式 （1）从字符串解析 String html = "First parseParse HTML into a doc."; Document doc = Jsoup.parse(html); ? （2）从URL获取解析 Document doc = Jsoup.connect("http://example.com/").get(); String title = doc.title(); Document doc = Jsoup.connect("http://example.com") .data("query", "Java").userAgent("Mozilla").cookie("auth", "token").timeout(3000).post(...
IMG标签本身是显示图片的，但通过CSS可以再为其设置背景图片，让其和自身的图片配合来显示，最终的效果会让你惊叹。当然，这个发现来自于老外，所以代码马上与大家分享。再此之前，我也从来没有想到过这个思路，我想这种思路可以应用的地方相当多了。 CSS奇特用法：为IMG设置背景图片div {background: url('http://www.codefans.net//jscss/demoimg/201312/blur.jpg') no-repeat top left;width:232px;height: 200px; }img {...
!important的用法和在IE6下的表现:!important可以提高指定CSS语句的优先级，使用方法是在相应的CSS语句后面加上!important。例如: 蚂蚁部落.mytest{ color:blue!important; color:red;} 蚂蚁部落 大家都知道CSS样式具有“就近原则”，也就是后面定义的样式能够覆盖前面的样式，以上代码中如果不使用!important，那么字体颜色呈现红色。当前所有的主流浏览器都支持!important，但是IE6上不能完全支持，为...
display:table和display:table-cell的用法: 建议:尽可能的手写代码，可以有效的提高学习效率和深度。 display属性的table和table-cell属性值不怎么常用，主要是浏览器的兼容性并不好，因为万恶的IE6和IE7还有相当一部分用户在使用，不过并非没有它们展露头角的机会，在display:table-cell的用法简介中已经对display:table-cell做了简单的介绍，但是感觉不够全面，下面就集合实例稍稍全面的介绍一下。 三个属性值的基本概念: ...
这两天写个页面css的时候用到了vertical-align属性，使用过程中踩到了坑，所以总结如下： vertical-align的定义 W3C上对vertical-align的定义：vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。 文本通常根据不可见的基线进行对齐的，而字母...
光看是没用的，过不了多久就忘光光，所以还是记录一下吧。 首先windows还是离不开我，所以还是环境还是windows.. 一、SASS环境安装配置 SASS是ruby写的，所以要想将sass编译成css文件，就给配上ruby环境。 windows下载装个 rubyinstaller 就行了，注意要保证 配置好环境变量。 比如 E:\Ruby22-x64\bin 配置到系统环境变量 path中 cmd命令行执行 ruby -v 正确则安装配置正确 接下来是使用gem给我们装上...
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 1， name属性的设置： 1).keywords:告诉搜索引擎，把content属性...
transform是一个属性，本质跟width,height是一样的，加上transform也就是为类增加一个变换属性。 transition是一个属性，它是用来控制过渡效果的，因为用transform可以增加变换效果，而那个变换是瞬间突变，如果想让这个变化是平滑的、过渡型的，则要用transition来控制，设定要控制的属性和过渡的时间即可。 animation是动画效果，要先用@keyframes定义一个动画过程，然后在类中用animation的各个参数制...
一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类??:hover,:link,:active,:target,:not(),:focus。 常见伪元素??::first-letter,::first-line,::before,::after,::selection。 ::before和::after下特有的content，用于在css渲染中向元素逻辑上的头部或尾部添加内容。 这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。 所以不要用:before或:after展示有实际意义的内...
简介 position用于固定位置，是尤为重要的一个属性 其值可以为： static: 默认值，忽略top, bottom, left, right 或者 z-index 声明 relative: 相对于该父级区域以及上一个子集区域的定位，用top, bottom, left, right来设定，可以使用Z-index absobute: 相对于该父级区域的位置【左上角】的定位，用top, bottom, left, right来设定，可以使用z-index fixed: 相对于浏览器的定位，忽略父级位置等的其他位置，可以使用Z...