今天写了一段CSS,写时突然想到的,写出来和大家分享一下; 我们可能早已习惯了http://www.gxlcms.com/wiki/948.html" target="_blank">padding在不同浏览器中的不同之处, 但这个你不一定注意过; 先说一个场景,例如: 一个宽400px的黄盒子,左边放一个300px的小蓝盒子,右边放一个宽100px的红盒子.这样应该正好放下对吧? 因为300+100正好是400呀! 好了,先试一试! 我开始写了(头部省略):<style> #yellow{ width:400px; border:1px ...
1.分解你的样式 对于小项目，在写代码之前，按页面结构或页面内容将代码分为几块并给予注释。例如，可以分别将 全局样式、布局、字体样式、表单、评论和其他分为几个不同的块来继续工作。 而对于较大的工程，这样显然不会有什么效果。此时，就需要将样式分解到几个不同的样式表文件。下面的master stylesheet 就是这一方法的例子，它的工作主要是导入其他样式文件。使用这一方法不仅能优化样式结构，而且有利于减少一些不必要的服...
font的缩写，如果省略family， 如这样子： font:700 14px/22px; 则在Firefox下是不生效的 完整的写法是：font:700 14px/22px arial;.login_top{height:26px;font:bold 14px/26px "宋体"; border:1px solid #000} .login_top2{height:26px; line-height:26px; font-weight:bold;font-size:14px;border:1px solid #000; font-family:'宋体'} 我垂直不居中 我垂直居中[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
我们罗列了十几条相关的知识与注意点，大家可以系统的探讨一下，让我们编写的Web页面打开更加流畅。 请不要告诉我，你看不懂E文，只是你不愿意看！！！ 1、How the style system breaks up rules The style system breaks rules up into four primary categories. It is critical to understand these categories, as they are the first line of defense as far as rule matching is concerned. I use the term key ...
本章给大家介绍CSS一些基础知识（总结），有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。css基本结构css的四种引入方式1、行内式：是在标记的style属性中设定css样式。这种方式没有体现出css的优势，不推荐使用2、嵌入式：嵌入式是将css样式集中写在网页的<head></head>标签对的<style></style>标签对中3、链接式：将一个.css文件引入到HTML文件中（推荐）4、导入式：将一个独立的.css文件引入HTML文件中，导入...
css学习笔记一 * a,table,div{font-size:12px;} 通配a,table,div下所有文字的字体大小. 后边的a,table,div起到限定作用. * {font-size:12px;} 通配body下所有文字的字体大小.
1、很多兼容性问题，是因为不同标签在不同浏览器下有着不同的 padding margin默认值。所以可以事先定义 代码如下:* { padding：0; margin:0;} 或者 代码如下:ul,li,h1,h2,h3,h4,h5,h6,p,table,td,p,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:12px;} 2、关于布局，可以看dreamweaver cs3里的模板怎么写的，它的写法是最好的写法。大的布局，可以直接使用 dreamweaver cs3 里默认的那些模板。 然后去掉注释，就能...
但是实际上，浏览器远远不止这几个,Firefox分为Firefox 1.5,Firefox 2,Firefox 3几个主要版本，IE7,IE6中也各有好几个系列,另外除开这两个主流厂商的产品之外，还有Opera,Konqueror,Netscape,chrome等一系列。 这些浏览器，各有各的一套，往往在这里运行正常，在那里运行就不正常了。于是WD们拆东边补西边，终于能在几个浏览器下都正常了。结果，产品经理又有了新的需求，需要在哪儿哪儿那儿改一下，于是乎，好不容易糊弄好的的...
尽量少使用类,因为可以层叠识别,如: .News h3而不必在h3上加类 3. 没有现有元素区分的情况下再用div Home About Us 可以改为 Home About Us 4.选择器 p a h1 类型选择器 Li a {text-decoration:none} 后代选择器 *{ padding:0;} 通用选择器，页面所有元素。 5. 定位 相对定位是相对他本来应该出现的位置 绝对定位是相对与最近的已定位的祖先元素（实验发现，祖先元素需要设置相对定位） 浮动的框可以左右移动，直到它的...
这篇文章主要介绍了CSS中背景设置与文本外观属性 ，有一定的参考价值，感兴趣的朋友可以参考一下，希望对你有所帮助！css的背景表示：1：background-color：背景颜色词、rgb表示法、十六进制表示法2：background-image：背景图片 背景不做设置是会被平铺满的。p {width: 500px;height: 500px;background-image: url(images/wuyifan.jpg);}3：background-repeat：设置背景图是否重复的，重复方式的。a：background-repeat:no-repeat...
本篇文章给大家带来的内容是关于CSS三栏布局的实现方法总结（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。对于前端来说，布局也是必须掌握的，一个好的布局可以让页面看起来更美观。提到布局，那就不得不说CSS三栏布局。这是前端面试经常会问到的一个问题，算是基础题。所谓的三栏布局，一般是指左右两边固定中间自适应，或者是中间固定左右两边自适应。左右两边固定中间自适应圣杯布局HTML结构设...
本篇文章主要给大家介绍css选择器优先级顺序是怎样的。首先大家应该都知道什么是css选择器吧？如果我们在设计网页页面时，使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。而HTML页面中的元素就是通过CSS选择器进行控制的。简单来说，选择器可以这样理解。每一条css样式定义由两部分组成，形式如下： [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“...
css如何对文本进行修饰？本篇文章就给大家总结了css修饰文本文字的一些方法，介绍一些css 修饰文本的属性，让大家了解css修饰文本文字的9种属性有哪些。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。1、css设置文本文字颜色的属性color属性：设置文本文字颜色。用法如下：color：颜色值;color属性可以设置的合法颜色值包括：16进制颜色值（例：#ffffff），rgb颜色值【例：rgb(0,0,0)】，rgba颜色值【例：rgb(...
本文给大家带来CSS单位总结（如rem、px、em、vw、vh、vm ），介绍一下这些单位的不同。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。px：像素（pixel）相对长度单位，，是相对于屏幕显示器分辨率而言的；em：em的值并不是固定的，会集成父级元素的字体大小； 注意： 1.body选择其中声明Font-size=62.5%； 2.将原来的px数值除以10，然后换上em作为单位； 3.重新计算那些被放大的字体的em数值。避免字体...
本篇文章主要非给大家总结介绍CSS3有哪些新特性？首先大家应该都知道什么是css？简单来说，css就是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言。而css3就是最新的 CSS 标准。只要我们能掌握了css、css3的各种样式属性，相信大家随心制作漂亮大方的页面都是不在话下的。既然css3是css最新标准，那么css3都有哪些新特性呢？下面我们结合简单代码示例，为大家总结几个重要的新特性即新增属性！一、RGBA和透明度RGBA是...