文章分类 -  CSS

让CSS布局更加直观：box-sizing
摘要：如果你写过CSS或者你接触过CSS，相信你一定对盒子模型一点都不陌生。CSS其中一个让人比较困惑的地方就在于它的盒子模型中关于高度和宽度的计算，别说那些初学者了，就是写过很久CSS的人也一样会有如此的感觉。CSS中的高度和宽度总是不那么直观，让你总是很困惑，不能一眼就能分辨出其高度和宽度。有的时候你 阅读全文
posted @ 2017-01-19 15:13 唔愛吃蘋果 阅读(302) 评论(0) 推荐(0) 编辑
解决select菜单(HTML控件)边框无法设置的问题
摘要： 阅读全文
posted @ 2011-08-10 13:56 唔愛吃蘋果 阅读(388) 评论(0) 推荐(0) 编辑
IE8浏览器兼容-->三种方式
摘要：刚刚结束了酷易商城的代码编写，现已进入了在线测试阶段，以后闲暇时间我会把开发过程中学习到的一些知识以及对软件开发的新认识做一个回顾。因为自己经验不足，可能会存在问题或不合理的地方，请大家多帮忙。 　　第一篇，先写一个最初遇到的一个问题，随着IE8的应用，懂得“时尚”的都对自己的浏览器升了级，对于我们开发者也带来了问题，也就是IE8自带的一个兼容模式，虽然在IE8中已经有，但... 阅读全文
posted @ 2010-06-29 23:57 唔愛吃蘋果 阅读(1165) 评论(0) 推荐(0) 编辑
CSS代替bordercolorlight与bordercolordark
摘要：我们可以使用bordercolorlight与bordercolordark 来设置Table的边框，使之变得漂亮；1、 bordercolorlight与bordercolordark的用法（这种用法只限于IE）<table cellspacing="0" bordercolordark='#D3D8E0' bordercolorlight='#4F7FC9' cellpadding="5... 阅读全文
posted @ 2010-01-14 15:00 唔愛吃蘋果 阅读(6849) 评论(0) 推荐(0) 编辑
课程分类列表(css定义列表实现)
摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t... 阅读全文
posted @ 2010-01-11 02:16 唔愛吃蘋果 阅读(285) 评论(0) 推荐(0) 编辑
网站的架构分析(ID与Class的区别)
摘要：http://yuyadong.com/test/fenxi/index.html http://yuyadong.com/test/fenxi/index01.html http://yuyadong.com/test/fenxi/index02.html http://yuyadong.com/test/fenxi/index03.html 上面几个链接分别是网站的架构搭建，通过上面的搭建流... 阅读全文
posted @ 2010-01-11 01:40 唔愛吃蘋果 阅读(250) 评论(0) 推荐(0) 编辑
文字居中问题
摘要：最近有很多人问盒模型文字居中的问题，这么样让盒模型跟表格一样能垂直居中，为什么没有垂直居中属性，我向告诉初学这首先要抛弃表格的思想，盒模型跟表格是不一样的，如果一样的话那直接用表格好了。 下面我讲一下和模型文字居中的方法 代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighligh... 阅读全文
posted @ 2010-01-11 01:05 唔愛吃蘋果 阅读(222) 评论(0) 推荐(0) 编辑
CSS盒模型
摘要：从未系统的研究过这些，仅仅是从使用中摸索，虽然目前看还比较有效，但还是来仔细看看CSS盒模型的解释吧。W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、边框距(padding)、边界(border)和边距(margin)。对于初学者，经常会搞不清楚margin... 阅读全文
posted @ 2010-01-09 20:52 唔愛吃蘋果 阅读(503) 评论(0) 推荐(0) 编辑
CSS Viewer for Firefox 3.5
摘要：CSSViewer 如果你安装的是 FireFox 3.5及其以上的版本，那么到这个地址下载cssViewer https://addons.mozilla.org/zh-CN/firefox/addon/13357 阅读全文
posted @ 2010-01-04 20:40 唔愛吃蘋果 阅读(188) 评论(0) 推荐(0) 编辑
css:ul,ol,li妙用
摘要：LI代码的格式化:A).运用CSS格式化列表符： ul li{list-style-type:none;}例如下面的： 供求信息 B).如果你想将列表符换成图像，则： ul li{ list-style-type:none;　　　font-size:12px; list-style-image: url("csdnindex_pic35.gif"); vertical-align:middle;}... 阅读全文
posted @ 2009-12-28 21:20 唔愛吃蘋果 阅读(2198) 评论(0) 推荐(0) 编辑
用CSS使DIV层水平居中
摘要：一，用CSS使DIV层水平居中对需要水平居中的DIV层添加以下属性:margin-left: auto;margin-right: auto; 这样在FF中已经居中了,可是在IE中看还是没有居中!问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得上述设置有效果:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/... 阅读全文
posted @ 2009-12-28 17:32 唔愛吃蘋果 阅读(3499) 评论(0) 推荐(0) 编辑
css:text-indent
摘要：text-indent:检索或设置对象中的文本的缩进。代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<style>#idDIV{width:100%;height:80px;background-color:#FFD700;paddi... 阅读全文
posted @ 2009-12-26 23:22 唔愛吃蘋果 阅读(708) 评论(0) 推荐(0) 编辑
Css兼容:如何解决IE7和IE8的BUG
摘要：CSS兼容问题已经是CSS网页布局技术中的重要组成部分，也让广大的CSSer大为头疼，虽然52CSS.com介绍过不少相关的知识与技巧，但是随着IE8的越来越广泛的安装应用，对IE7和IE8的兼容问题，也颇受关注。 　　在以前的文章中52CSS.com向大家说明，IE8会是福音还是又一个光环 据称全面兼容标准。 　　http://www.52css.com/article.asp?id=684 　... 阅读全文
posted @ 2009-12-23 10:03 唔愛吃蘋果 阅读(177) 评论(0) 推荐(0) 编辑
区别div和span、relative和absolute、display和visibility
摘要：div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性，今天52CSS.com简单的罗列出它们的区别与使用要点，供大家参考。一、div和span的区别　　div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。一般我们在网页通过div来布局定位网页中的每个区块。　　span是一个内联元素，没有实际意义，它的... 阅读全文
posted @ 2009-12-18 23:58 唔愛吃蘋果 阅读(392) 评论(0) 推荐(0) 编辑
CSS单位
摘要：1.单位长度一个长度的值由可选的正号" + "或负号" - "、接着的一个数字、还有标明单位的两个字母组成。在一个长度的值之中是没有空格的，例如，1.3 em就不是一个有效的长度的值，但1.3em就是有效的。一个为零的长度不需要两个字母的单位声明。无论是相对值还是绝对值长度，CSS1都支持。相对值单位确定一个相对于另一长度属性的长度，因为它能更好地适应不同的媒体，所以是首选的。以下是有效的相对单位... 阅读全文
posted @ 2009-12-06 18:16 唔愛吃蘋果 阅读(847) 评论(0) 推荐(0) 编辑
CSS制作水平导航栏
摘要：<style type ="text/css" > ul li a { color:#000000; text-decoration:none; padding-top:10px; display :block ; width:100px; height:30px; text-align :center ; background-color:#ececec; margin-left:2... 阅读全文
posted @ 2009-11-26 00:26 唔愛吃蘋果 阅读(374) 评论(0) 推荐(0) 编辑
seo优化div css
摘要：收藏一份不错的DIV+CSS布局的SEO优化资料：页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：gui... 阅读全文
posted @ 2009-11-10 14:32 唔愛吃蘋果 阅读(184) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示