2012年6月5日

CSS选择器
摘要： 选择器选择器是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)
 
div+css入门知识
摘要： 传统页面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选择器
摘要： 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)