css和js韩顺平学习笔记.docx

1,Web标准的组成：结构，表现和行为；结构标准对应的主要语言是XHTML表现标准对应的主要语言是CSS行为标准对应的主要语言是javascript制作成一个静态页面，主要用到的就是xhtml和css，所以制作标准页面的技术就是xhtml+css;2,css定义的技巧：1，为了将来的css代码优化，建议所有的属性值后面都要带上;;2,某些xhtml标签，有自己默认的css属性值；例如，h1标签就有自己默认的属性值。3，为了兼容主流的浏览器，或者为了统一效果，建议我们在设置时，将所有元素的css属性，重置为一个标准的；4，不同的浏览器，有各自不同的css属性值---就是浏览器的兼容性5，css可以重新设置html标签的默认设置；3，CSS应用给网页的方法：1，内联式样式表：直接写在现有的标记中，如p style=color:red这里文字是红色的/p2, 嵌入式样式表：使用style/style标签嵌入到HTML文件的head标签中。如：style type=text/cssbody {background:white;color:black;}/style3，外部链接式样式表：将样式表写在一个独立的.css文件中，然后在页面head/head标签内使用link标签调用它，主要用于实现表现与结构的分离，如：link href = main.css rel=stylesheet type=text/css/4, 导入式样式表[用的较少]：导入式样式表与链接式样式表的功能基本相同，只是语法与动作方式略有不同，同样也将导入样式代码写在head/head标记内。语法：style type=text/css@import url(basic.css);/style ------------------------------------有些浏览器解析会有问题.浏览器会最后读取@import中的内容；4,将css样式写到一个单独的文件中.如style.css;5,结构与样式分离；6，导入式样式：也是将样式写到一个文件中，再导入到网页中，导入式，其实与内嵌式是相类似的，都是将样式加入到网页里；7，网站是有很多个网页组成的；一个网站是有多个网页组成的 ...8,id 在网页中只出现一次；9，标签选择符---针对html标签 id选择符 ---针对某一个id;类选择符：针对某一类，或者某一些元素，它们的样式是相同的。10，类名或ID名，不要以数字开头，同一个元素，应用多个类，类名与类名之间用空格进行分割：class = 类1 类2；11，css特点，1，继承：子元素可以继承父元素的某些属性；2，层叠：如果子元素定义了与父元素相同的样式，则子元素的样式会覆盖父元素的样式，后面的样式会覆盖前面的样式；12，css样式优先权：当样式有冲突时，听谁的？四种方式的优先权：内联式 内嵌式 链接式 @import导入式。CSS优先权：就近原则，作用范围越小，优先权就越高。离要修饰的目标越近的样式优先权越高；一般我们用内嵌式和链接式，这样局限性是最小的;13，选择符优先权：行内idclass标签选择符。 -----------------------------------------记住哦！就近原则；14，不同的属性在浏览器支持是不一样的；尽量使用通用的属性，不用存在兼容性差别的属性；15，CSS伪类：style type=text/cssa:link{text-decoration:none;color:black;}a:hover{text-decoration:underline;color:blue;}a:active{text-decoration:overline;color:#00OOFF;}-----表示跟超级链接有关的伪类；/style16，如果，鼠标放上效果不起作用，请修改链接状态的顺序 L - V - H - A 就是把标签的顺序变一下；17，style type=text/cssdiv{width:100px;height:100px;font-size:24px;font-weight:bold;display:block; //表示把它定义成块元素，就是它们是一个整体display:block; //表示把它定义成块元素，就是把它们当做一个整体}#one {background:red;}#two {background:green;}#three{background:blue;} ----you shijianduokankan api/stylecss布局有三种方式：1，默认文档流方式 ---以默认的html元素的结构顺序显示；2，浮动布局方式 ---通过设置html元素的float属性显示如：float：r