div+css页面布局
ningzhisheng
这个作者很懒,什么都没留下…
展开
-
CSS教程1CSS的应用
CSS教程 1、CSS的应用一、In-line 行内 行内样式是在html标签里直接使用style属性 Example Source Code [www.52css.com]text 设定段落文字红色。 但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。二、Internal 内部 使用于整个页面的植入内...原创 2010-07-22 11:37:15 · 90 阅读 · 0 评论 -
CSS教程16 CSS的伪元素Pseudo Elements
伪元素吸附在选择上和pseudo classes伪类很像,像这样selector:pseudoelement{property: value;}。有四种方式。First letters and First lines 首字母和首行 first-letter伪元素作用到元素的第一个字母,first-line作用到元素的顶行。你可以,例如为段落创建一个drop caps和首行加粗。...原创 2010-07-22 11:59:21 · 87 阅读 · 0 评论 -
CSS教程15 CSS的At-Rules@规则
At-rules分装不同的CSS规则,应用在特定场合。Importing import@规则引用另外的样式。例如,如果你想添加另外样式到现在的样式,可以这样: @import url(addonstyles.css); 这很像使用link元素连接CSS到HTML,本质上说有一个内容样式像下面: @import url(monkey.css); 这是为了照顾...原创 2010-07-22 11:58:32 · 107 阅读 · 0 评论 -
CSS教程14 CSS网页布局Page Layout
使用CSS布局非常简单,如果你习惯使用tables布局,可能开始时有点困难,但其实很容易,事实上只是观念的不同。 你需要把网页的每个部分看成独立的块,你可以绝对或相对定位块。Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixed。 static是元素默认属性,按HTML出现的先后顺序。 rel...原创 2010-07-22 11:57:43 · 118 阅读 · 0 评论 -
CSS教程13 CSS的display属性
操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式。一些由标签组成的大部分页面可以设定任何样式。浏览器默认的样式里的大部分html元素由字体样式、margin,padding组成,本质上是显示类型。 display属性基本上分为inline,block,和none。 inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素默认...原创 2010-07-22 11:56:57 · 90 阅读 · 0 评论 -
CSS教程12 CSS的Background Images 背景图片
背景图片Background Images有许多属性可以操作。 幸运的是,可以使用background处理所有: Example Source Code [www.52css.com]body { background: white url(http://www.htmldog.com/images/bg.gif) no-repeat top right;} ...原创 2010-07-22 11:56:11 · 153 阅读 · 0 评论 -
CSS教程11 CSS的属性缩写
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。 所以下面的: Example Source Co...原创 2010-07-22 11:55:17 · 91 阅读 · 0 评论 -
CSS教程10 CSS的Pseudo Classes 伪类
请你注意一些CSS伪类属性不被所有浏览器支持,但有四个伪类可以安全使用在链接上 伪类像是指定选择器状态或关联选择器的门闩。它们的形式如:selector:pseudo class { property: value; },在选择器和伪属性之间使用冒号。 Example Source Code [www.52css.com] link 没有点击过的链接 visited...原创 2010-07-22 11:54:30 · 89 阅读 · 0 评论 -
CSS教程9 CSS的Grouping and Nesting分组和嵌套
Grouping 分组 当许多选择器有同样属性时,可以使用逗号组合它们。 例子: Example Source Code [www.52css.com]h2 { color: red;}.thisOtherClass { color: red;}.yetAnotherClass { color: red;} 上面的...原创 2010-07-22 11:53:45 · 101 阅读 · 0 评论 -
CSS教程8 CSS的Class以及ID选择器
前面的学习我们仅仅使用HTML选择器(在HTML页面里为html标签,如 P) 现在我们学习使用clss和id定义属于自己的选择器。 这样,同样的html元素可以通过class或ID使用不同的表现。 在CSS里,使用点号(.)创建class选择器,使用hash符号(#)创建ID选择器。 例子: Example Source Code [www.52css.com]...原创 2010-07-22 11:52:48 · 163 阅读 · 0 评论 -
CSS教程7 CSS属性结合起来使用
如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处理HTML样式。 下面的代码覆盖了初级教程的所有方面,保存下面的CSS文件并且在浏览器里观看连接的HTML,你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件,改变CSS HTML会发生什么变化。 Example Source Code [www.52css.com]body {...原创 2010-07-22 11:51:40 · 98 阅读 · 0 评论 -
CSS教程6 CSS的Border边框
CSS Borders 边框 边框可以运用到body里的大部分HTML元素。 制作一个元素的边框,你需要border-style边框样式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具体样式大家可以实际下。 border-width设定宽度,通常使用pixels即单位是px,同样有...原创 2010-07-22 11:48:49 · 123 阅读 · 0 评论 -
CSS教程5 Margin和Padding
margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边。 例子h2: Example Source Code [www.52css.com]h2 { font-size: 1.5em; background-color: #ccc; margin: 1em; padding: 3em;}...原创 2010-07-22 11:45:58 · 92 阅读 · 0 评论 -
CSS教程4 CSS的Text 文本
有一系列属性可以改变网页文字的大小和形状,概要如下:font-family 文字使用的字体,比如宋体,Times New Roman,Arial等等 这个属性必须详细制定,不能使用偏僻的字体,要使用安全字体(比如arial,verdana和times new roman和宋体),可以同时指定许多字体,只要使用逗号分开即可。这样的用意是,如果用户电脑里没有第一个字体浏览器可以...原创 2010-07-22 11:44:55 · 121 阅读 · 0 评论 -
CSS教程3 CSS的color颜色
css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。 Example Source Code [www.52css.com] red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17个预先确定的颜色,它们是: aqua, black,...原创 2010-07-22 11:43:42 · 182 阅读 · 0 评论 -
CSS教程2 选择器 、属性、值
HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。 每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。 值在冒号(不是等号)后面,分号分离属性。 Example Source Code [www.52css.com]body { font-size: 0.8em; col...原创 2010-07-22 11:41:34 · 100 阅读 · 0 评论 -
CSS教程17 CSS的优先级特性Specificity
如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。 选择器一样的情况下后面的会覆盖前面的属性。比如: Example Source Code [www.52css.com]p { color: red; }...原创 2010-07-22 12:00:04 · 150 阅读 · 0 评论