2012年6月5日

摘要: 选择器选择器是css中非常重要的概念。css中有四种不同的选择器①类选择器,又叫class选择器 .类选择器 { 属性名:属性值; ... } /*类选择器*/ .s1 { background-color:pink; font-weight:bold; font-size:16px; }②id选择器 #id选择器名 { 属性名:属性值; } /*id选择器*/ #id1 { background-color:silver; font-size:40px; }③html元素选择器 html元素名称 { 属性名:属性值; }④通配符选择器简单的说,选择器就是在css中创建,而在网页页面(html 阅读全文
posted @ 2012-06-05 22:54 西沙浪花白 阅读(158) 评论(0) 推荐(0)
 
摘要: 传统页面table来布局和显示数据缺点:1、显示样式和数据是绑定在一起的2、布局的时候,灵活度不高。3、一个页面可能会有大量的<table>元素,代码就会冗余4、增加了带宽(200字节*2000000*30=?)。5、搜索引擎不喜欢这样的布局。优点:1、理解起来比较简单2、不同的浏览器,看到的效果一般是相同的。3、用于显示数据还是非常好的。div+css基本思想:数据和样式要分离div(区段)数据css文件,制定数据应当怎样显示。总结,div+css是一种目前比较流行的网页布局技术div来存放需要显示的数据(文字,图表...);css就是用来指定怎样显示,从而做到数据和显示相互分离 阅读全文
posted @ 2012-06-05 22:50 西沙浪花白 阅读(209) 评论(0) 推荐(0)
 
摘要: html选择器:css文件可以使用在各种文件(php\html\jsp\asp)案例:再比如,我们希望所有的超链接1、默认样式是:黑色,24px,没有下划线2、当鼠标移动到超链接时,自动出现下划线3、点击后,超链接变成红色。这又该怎么实现呢?<html><head><title>通配符选择器</title></head><!--控制超链接的样式--><body><a href="http://sohu.com">连接到搜狐</a><p class="c 阅读全文
posted @ 2012-06-05 22:31 西沙浪花白 阅读(176) 评论(0) 推荐(0)
 
摘要: /*通配符选择器*/检索或设置对象四边的外补丁。默认值为 0 0。如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。如果只提供一个,将用于全部的四边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。*{margin-top:0px;上边距为0margin-left:0px;左边距为0margin:10px 30px 20px 40px //有经验的程序员,如下margin:0px;padding:0px;}通配符选择器该选择器可以用到所有的html元素,但是其优先权最低*{属性名:属性值;... ...}四个选择器的优先级 阅读全文
posted @ 2012-06-05 22:29 西沙浪花白 阅读(330) 评论(0) 推荐(0)
 
摘要: 父子选择器是四个选择器的组合使用/*父子选择器*/对id1下的span进行修饰(中间必须加空格)#id1 span{color:red;font-style:italic;}#id1 span span{color:green;}#id1 span span a{color:blue;}通过上面的总结①父子选择器可以有多级(但是在实际的开发中不超过三层)②父子选择器有严格的层级关系③父子选择器不局限于什么类型的选择器可以是id选择器 类选择器 ....#id1 span span a.s1 #id spandiv #id .s21、id选择器和类选择器都可以有父子选择器2、一个元素可以同时有i 阅读全文
posted @ 2012-06-05 22:24 西沙浪花白 阅读(698) 评论(0) 推荐(0)
 
摘要: 流标准流和非标准流流:html元素在网页中显示的顺序标准流:排在前面的元素(标签)内容前面出现,排在后面的元素后面出现。非标准流:在html文件中,当某个元素脱离了标准流,那么它就处于非标准流。盒子模型border:边框margin:边界content:内容 阅读全文
posted @ 2012-06-05 22:14 西沙浪花白 阅读(124) 评论(0) 推荐(0)
 
摘要: 块元素和行内元素--概念:行内元素,又叫内联元素内联元素只能容纳文本或者其他内联元素,常见内联元素块元素一般都从新行开,可以容纳文本,其他内联元素和其他块元素,即使内容不能占满一行,块元素也要把整行占满。常见块元素div、p从案例看出:行内元素它只占据能显示它内容的宽度;而且它不会占据整行。块元素它不管自己的内容有多少,会占据整行,而且会换行显示。常见的行内元素,如:span、a、input常见的块元素,如:p块元素和行内元素的区别:①行内元素只占内容的宽度,块元素内容不管内容多少要占全行。②行内元素只能容纳文本和其他行内元素,块元素可以容纳文本,行内元素和块元素。(与浏览器版本和类型有关)③ 阅读全文
posted @ 2012-06-05 22:08 西沙浪花白 阅读(1037) 评论(0) 推荐(0)