随笔分类 -  Css

摘要：zen-Coding是一款快速编写HTML,CSS（或其他格式化语言）代码的编辑器插件，这个插件可以用缩写方式完成大量重复的编码工作，是web前端从业者的利器。 zen-Coding插件支持多种编辑器，在editplus中是默认自带了这个插件，另外其他如UltraEdit，Notepad++等可以自行安装。zen-Conding下载地址：http://code.google.com/p/zen-coding/downloads/list(进入下载页，选择相应的编辑器插件下载)一、Notepad++安装zen-Coding 1.下载zen-Coding的Notepad++插件;(zen-Codi 阅读全文

摘要：前言在默认的情况下，浏览器会在标签前面加上小圆点形成列表项，如下所示使用项1项2项3或者使用项1项2项3这在有时候确实给我们带来了方便。但有时候我们却并不需要这个自动的功能、解决方法在对应的li标签上面加上样式list-style-type:none;即可去除默认的小圆点。 阅读全文

摘要：前言前端一直是我的一个很大的缺憾，这段时间痛顶思痛，决定好好的把前台的东西加强，这不，在学习了一段时间js之后，在做一些小练习，却发现最基本的一些css知识却还不了解，所以便有了这篇博文。块级元素与行内元素首先谈谈人们经常提及的块级元素和行级(内联)元素p, ul, form, div等元素被称为块级元素，这些元素显示为一块儿内容（会自动换行），span, input 等元素称为行内元素，这两者主要区别就是块级元素会从上到下一个个垂直排列，每个自占一行，如下即使两个div之间没任何元素，绿色的div仍然会显示在hongsediv下方，而不是右方 而行内元素在一行中水平排列，行内元... 阅读全文

摘要：在很多时间做web开发都需要使用图标，网页中各种丰富的内容很多都是由图标完成的。这些图标有些都是一个图标对应一个图片文件，虽然这可以实现其功能，但是深究的话并不是好的解决方案，毫无意义的增加了访问服务器的次数。今天小猪就来分享如何“一图多用”。即把很多图标放在一张图片上面，而利用css来实现不同的地方显示图片的不同位置实现了类似单个图标的功能最重要的一点是你要了解背景图片在控制项中显示的起始位置，控制项的高度，宽度。以下是简要分析，你还要实践一下才能掌握真谛：对一个宽度40，高度30的div设定一个背景，而背景图片是一张很多小图片的组合。这里隐含了一个条件，就是小图片的宽度和高度和小图片的间隙 阅读全文