![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Virgo_S
这个作者很懒,什么都没留下…
展开
-
关于css框架网页设计
转:[url]http://www.jzxue.com/html/css/2008/4/015D327B.html[/url]个人总结了在开发css框架中的一点经验,献丑了。希望大家的讨论能使我们共同进步。:) 1、css框架中国的互联网行业已经发展了10年,浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中,有个非常火的词——...原创 2008-06-26 12:45:58 · 122 阅读 · 0 评论 -
6、CSS属性结合起来使用
如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处理HTML样式。 下面的代码覆盖了初级教程的所有方面,保存下面的CSS文件并且在浏览器里观看连接的HTML,你可以明白各个CSS属性的用法。最好的学习方法就是理解作用在HTML上的CSS文件,改变CSS HTML会发生什么变化。[code="java"]body { font-family: arial, h...原创 2008-12-23 10:59:02 · 129 阅读 · 0 评论 -
7、CSS的Class以及ID选择器
前面的学习我们仅仅使用HTML选择器(在HTML页面里为html标签,如 P)现在我们学习使用clss和id定义属于自己的选择器。这样,同样的html元素可以通过class或ID使用不同的表现。在CSS里,使用点号(.)创建class选择器,使用hash符号(#)创建ID选择器。例子:[code="java"]#top { background-color: #c...原创 2008-12-23 11:04:04 · 205 阅读 · 0 评论 -
8、CSS的Grouping and Nesting分组和嵌套
Grouping 分组 当许多选择器有同样属性时,可以使用逗号组合它们。 例子:[code="java"]h2 { color: red;}.thisOtherClass { color: red;}.yetAnotherClass { color: red;}[/code] 上面的可以写成这样:[code="...原创 2008-12-23 11:10:44 · 101 阅读 · 0 评论 -
9、CSS的Pseudo Classes 伪类
请你注意一些CSS伪类属性不被所有浏览器支持,但有四个伪类可以安全使用在链接上 伪类像是指定选择器状态或关联选择器的门闩。它们的形式如:selector:pseudo class { property: value; },在选择器和伪属性之间使用冒号。[code="java"] link 没有点击过的链接 visited以点击过的链接 active获得焦点时...原创 2008-12-23 11:15:43 · 127 阅读 · 0 评论 -
10、CSS的属性缩写
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并 margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。 所以下面的:[code="java"]p ...原创 2008-12-23 13:27:07 · 113 阅读 · 0 评论 -
11、CSS的Background Images 背景图片
背景图片Background Images有许多属性可以操作。 幸运的是,可以使用background处理所有:[code="java"]body { background: white url(http://www.htmldog.com/images/bg.gif) no-repeat top right;}[/code] 上面合并了下面属性:[c...原创 2008-12-23 13:29:25 · 176 阅读 · 0 评论 -
12、CSS的display属性
操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式。一些由标签组成的大部分页面可以设定任何样式。浏览器默认的样式里的大部分html元素由字体样式、margin,padding组成,本质上是显示类型。 display属性基本上分为inline,block,和none。 inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素...原创 2008-12-23 13:31:44 · 150 阅读 · 0 评论 -
13、CSS网页布局Page Layout
使用CSS布局非常简单,如果你习惯使用tables布局,可能开始时有点困难,但其实很容易,事实上只是观念的不同。 你需要把网页的每个部分看成独立的块,你可以绝对或相对定位块。Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixed。 static是元素默认属性,按HTML出现的先后顺序。 r...原创 2008-12-23 13:35:47 · 134 阅读 · 0 评论 -
14、CSS的At-Rules@规则
At-rules分装不同的CSS规则,应用在特定场合。Importing import@规则引用另外的样式。例如,如果你想添加另外样式到现在的样式,可以这样: @import url(addonstyles.css); 这很像使用link元素连接CSS到HTML,本质上说有一个内容样式像下面:@import url(monkey.css); 这是为了照顾...原创 2008-12-23 13:45:51 · 134 阅读 · 0 评论 -
15、CSS的伪元素Pseudo Elements
伪元素吸附在选择上和pseudo classes伪类很像,像这样selector:pseudoelement{property: value;}。有四种方式。First letters and First lines 首字母和首行 first-letter伪元素作用到元素的第一个字母,first-line作用到元素的顶行。你可以,例如为段落创建一个drop caps和首行加粗...原创 2008-12-23 13:47:59 · 111 阅读 · 0 评论 -
5、Margin和Padding
margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边。例子h2:[code="java"]h2 { font-size: 1.5em; background-color: #ccc; margin: 1em; padding: 3em;}[/code]元素四边可以设置的属性:margin...原创 2008-12-23 10:44:00 · 95 阅读 · 0 评论 -
4、CSS的Text 文本
有一系列属性可以改变网页文字的大小和形状,概要如下:font-family 文字使用的字体,比如宋体,Times New Roman,Arial等等 这个属性必须详细制定,不能使用偏僻的字体,要使用安全字体(比如arial,verdana和times new roman和宋体),可以同时指定许多字体,只要使用逗号分开即可。这样的用意是,如果用户电脑里没有第一个字体浏览器可以使用...原创 2008-12-23 10:30:12 · 136 阅读 · 0 评论 -
web标准设计:常用的CSS命名规则
转:[url]http://www.jzxue.com/html/css/2007/4/211742IC5B1.html[/url]常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrap...原创 2008-06-26 20:41:23 · 68 阅读 · 0 评论 -
网页中嵌入Flash的方法讨论
转:[url]http://www.blueidea.com/tech/multimedia/2006/4322.asp[/url]Flash 嵌入的问题论坛中有人问了好多次,到底应该怎么用,为什么通不过验证,要通过验证怎么办等等等。讨论中也出现了不少的误解,所以我单开一个帖总结一下我所知道的东西,不想看我罗嗦的直接跳到最后看结论就可以了。一、传统的方法[code="j...原创 2008-07-04 09:19:18 · 236 阅读 · 0 评论 -
css控制照片大小
转:[url]http://www.52css.com/article.asp?id=268[/url]div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600?"600px":"auto"); overflow:hidden;} ◎ max-wid...原创 2008-07-14 10:31:32 · 163 阅读 · 0 评论 -
制作css半透明的浮动层
html代码:[code="java"] 我爱CSS 致力于Web标准在中国的应用及发展 [/code]css代码:[code="java"]#box { width:300px; height:150px; filter:alpha(opacity=60);...原创 2008-11-21 09:49:41 · 583 阅读 · 0 评论 -
CSS水平导航条——XHTML+CSS导航条
横版:css代码CSS中值得注意的是以下几点:[list][*]让ul 里的 li 浮动到左侧。ul也要浮动。a的浮动是为了修复IE/MAC的bug。[*]a的left top背景是分割线。其中.first a 没有背景。[*]link:连接平常的状态 active:连接被按下的时候 visited:连接被访问过之后 hover:鼠标放到连接上的时候[/list] ...原创 2008-11-21 15:23:44 · 186 阅读 · 0 评论 -
li和ul标签用法举例
或者 是项目列表,是列表项。是无序列表,就是用符号来列的,所以你列出来默认的就是黑点,是编号列表,用数字来列的,也是用做列表项, 是 list item 即列表项,但列表有很两种,所以外面得有 或者 用来区别无序列表(小点点)和有序列表(1,2,3...)。A).运用CSS格式化列表符:[code="java"]ul li{ list-style-type:no...原创 2008-11-22 10:19:46 · 1140 阅读 · 0 评论 -
css横向导航条
[code="java"] 菜单一 链接一 链接二 链接三 菜单二 链接一 链接二 链接三 [/code][size=large][color=red]纯CSS的下拉菜单 支持IE6 IE7 Firefox[/color][/size][code="...原创 2008-11-22 19:18:56 · 208 阅读 · 0 评论 -
1、CSS的应用
[b]一、In-line 行内[/b] 行内样式是在html标签里直接使用style属性[code="java"]text[/code] 设定段落文字红色。 但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。[b]二、Internal 内部[/b] 使用于整个页面的植入内部样式在head标签里面,style标签包围样式...原创 2008-12-23 10:10:27 · 97 阅读 · 0 评论 -
2、CSS Selectors,Properties,and Values
HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。 每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。 值在冒号(不是等号)后面,分号分离属性。[code="java"]body { font-size: 0.8em; color: navy;}[/code]上面...原创 2008-12-23 10:16:48 · 139 阅读 · 0 评论 -
3、CSS的color颜色
css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。[code="java"]red红色等同于rgb(255,0,0)等同于rgb(100%,0%,0%)等同于#ff0000等同于#f00[/code]有17个预先确定的颜色,它们是: aqua, black, blue, fuchsia, gray, green, l...原创 2008-12-23 10:24:17 · 169 阅读 · 0 评论 -
16、CSS的优先级特性Specificity
如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。 选择器一样的情况下后面的会覆盖前面的属性。比如:[code="java"]p { color: red; }p { color: blue; }[/c...原创 2008-12-23 13:51:34 · 145 阅读 · 0 评论