DIV+CSS解析.ppt

Css选择符 ??子对象选择符 div p { font-size:14px; } /* div的直接子对象的p对象字体尺寸为14px */  属性选择符 a[title] { color: blue; } /* 所有具有title属性的a对象 */ span[class=demo] { color: red; } /* 所有具有class属性值为demo的span对象 */ div[width=“100][height=“100] { color: red; } 相邻选择符 div + p { font-size:14px; }  /* 所有紧贴在div对象之后的p对象的字体尺寸为14px */  ?xml-stylesheet type=text/css href=1.css? * Rel 指定当前文档与 Href 文本框中的文档之间的关系 * XHTML代码规范 1.所有的标记都必须要有一个相应的结束标记 2.所有标签的元素和属性的名字都必须使用小写 3.所有的XML标记都必须合理嵌套 4.所有的属性必须用引号括起来 5.把所有和特殊符号用编码表示 6.给所有属性赋一个值 7.不要在注释内容中使“--” XHTML校验 校验网址：/ 校验方式:网址校验、文件上传校验 * 字段集 * fieldset legend用户注册/legend 请在下面输入您摇注册的信息 form id=form1 name=form1 method=post action= input name= type=text / /form /fieldset * (提示：子元素会继承父元素属性值) * Class=“note dream”表示使用了２个类样式note和dream * Ff高度上无2PX误差 * /*对于内联元素A，定义上下边界或填充不影响行高*/ * * background-position设置或检索对象的背景图像位置，如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。该属性定位不受对象的补丁属性(padding)设置影响。  * 1、如果浮动元素在非浮动块元素之后，则浮动元素将会出现在非浮动块元素的下方； 2、如果浮动元素在非浮动块元素之前，则非浮动块元素内容将会显示浮动块元素行后。 * staticThe?element?is?placed?in?a?normal?position?(according?to?the?normal?flow).?With?the?value?of?static?we?do?not?use?the?left?and?top?propertiesrelative?Moves?an?element?relative?to?its?normal?position,?so?left:20?adds?20?pixels?to?the?elements?LEFT?position absoluteWith?a?value?of?absolute?the?element?can?be?placed?anywhere?on?a?page.?The?elements?position?is?specified?with?the?left,?top,?right,?and?bottom?properties * 绝对定位对象会让出自己原先占用位置 自己通过定位跑开了还占用着原来的位置，不会让给他周围的诸如文本流之类的对象。相对定位也比较独立 * document.getElementById(FormView1_TextBox6).style.display=none‘ * 自定义 CSS 规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。 HTML 标签样式重定义特定标签（如 h1）的格式。创建或更改 h1 标签的 CSS 样式时，所有用 h1 标签设置了格式的文本都会立即更新。 CSS 选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义 CSS 允许的其他选择器表单的格式设置（例如，每当 h2 标题出现在表格单元格内时都应用选择器 td h2）。高级样式还可以重新定义包含特定 id 属性的标签的格式设置（例如，#myStyle 定义的样式可应用于包含属性值对 id=myStyle 的所有标签）。 * 1.当box为float时，IE6中box左右的margin会加倍　解决方法：将 box 的display属性为inline 2.外层box自动计算高度的问题 根据W3C定义，没有float属性的外层box不会自动计算高度，要计算高度，必须在内层最后一个box加入clear:both。Opera