首页 > 代码库 > 学习之HTML2

学习之HTML2

1、打开或编辑CSS,用UltraEdit

2、Content(内容)<Padding(填充)<Border(边框)<Margin(边界距)

3、网站设计时,段落首行有时会设置为斜体,习惯

4、caption?——标题

5、clear属性?

6、对段落等元素的冲突性设置,遵循顺序执行,即显示最后一条设置效果

7、!important---重要声明,可加在某一元素设置里,用来诊断冲突问题,但一定不要在文档中使用

8、关于p与body p,后者更具体,所以无关顺序问题,只听从后者的设置

9、关于p与p.one,后者更具体,所以无关顺序问题,只听从后者的设置,类别比元素更具体,权利更大

10、关于p与p#one,后者更具体,所以无关顺序问题,只听从后者的设置,id比元素更具体,权利更大

11、关于p.one与p#one,后者更具体,所以无关顺序问题,只听从后者的设置,id比类别更具体,权利更大

12、inline style占权重最大,如有冲突问题,则显示inline style中的效果

13、firefox addon->web developer(组件扩展),学习CSS的工具

14、W3C,最官方的CSS,www.w3.org/TB/CSS21

15、列表项:li元素,有序列表:ol元素,标题元素:h1->h6,段落:p元素

16、表单不可能在各种浏览器中具有相同的外观,所以,不要试图改造控件

17、用CSS去掉fieldset的边框:fieldset{border(边框):none;padding(衬距):0;}

18、用CSS对齐签条:#info label{float:left;text-align:right;}(浮动块左对齐,签条文本右对齐)
           label{display:block;}(将行内元素label作为块级元素对待会使它显示在自己的行上)

19、用CSS改变表单控件字体:input,select,textarea{font-family:inherit(继承父元素的值);}

20、CSS中的度量单位:cm--厘米,em--1em为当前元素的字体大小,ex--1ex是字体中x的高度
             in--英寸,mm--毫米,pc--1pc=12pt,pt--1pt=1/72英寸,px--像素

21、容器:body>p>ul>li,容器的常用属性:边距,边框,衬距

22、可用overflow和clip属性对容器内的溢出进行控制
   overflow:auto(溢出时显示滚动条,否则不显示)/hidden(不显示溢出内容)/scroll(总是显示滚动条)/visible(溢出的内容会显示在容器外面)
   p{clip:rect([top],[right],[bottom],[left])(用来改变裁剪区域大小)} //不应该用于overflow=visible的元素

23、定位方式:静态、相对、绝对、固定、浮动(float)

24、position的四个属性值:relative(以其本身为对象进行偏移)/absolute(以其设定过position的父类(若不存在则以body)为对象进行偏移,会忽略衬距的影响)/fixed(总是以               body为定位对象,滚动条不改变其位置)/static(默认值)

25、设置容器顺序:设定z-index属性,值较大的容器在上,该属性可设为任意数值

26、CSS中的背景属性:background-( /attachment(设定背景固定还是随文档滚动,fixed or scroll)/color/image/position/repeat(设定是否重复及如何重复))

27、设置文本样式:text-decoration(标记类型:blink(闪烁)/line-through(中划线)/none/overline(上划线)/underline(下划线))/align(对齐方式:center/justify(两端对             齐)/left/right)

28、文档中避免使用b(加粗)元素,应该用CSS来实现该效果,用font-weight(:bold/bolder/lighter/normal/[num](正常字体大小为400))属性

   实现文本斜体式样,用font-style(:italic(斜体)/normal/oblique(略向右倾斜,很少用))属性

29、CSS中可用的媒体类型:all/aural(语音系统)/braille(支持布莱叶盲文的设备)/embossed(布莱叶盲文打印机)/handheld(小型或手持设备)/print(打印机)/projection(投影设   备)/screen(计算机显示器)/tty(宽字体显示设备)/tv(电视机)
   用@media规则为不同媒体类型指定不同的样式

30、<script> 标签用于定义客户端脚本,比如 JavaScript,script 元素既可以包含脚本语句,也可以通过 src 属性(为浏览器指明了JS文件的存放位置)指向外部脚本文件。
   <noscript>标签用于不支持使用脚本的浏览器,使用时,<script>标签中的JS代码应用<!--........//-->注释掉,以使浏览器忽略该标签中的代码 ??
   注:大多情况下会确保其内容在JS不可用时仍然能够使用,所以<noscript>很少用

31、部分特殊的比较运算符:===(在不进行数据类型转换的前提下,相等则为TRUE)
               !==(在不进行数据类型转换的前提下,不等则为TRUE)

32、JS中的prompt() 方法用于显示可提示用户进行输入的对话框prompt(text,defaultText)
    text:可选,要在对话框中显示的纯文本(而不是 HTML 格式的文本),即提示信息。
    defaultText:可选,默认的输入文本。也可以不输入值,如果不输入值,则返回null。

33、JS事件大全:
   abort:用户取消加载页面时发生
   blur:控件失去焦点时发生
   focus:控件获得焦点时发生
   error:浏览器遇到脚本错误时发生
   reset:用户点击表单的重置按钮时发生
   resize:浏览器窗口大小发生改变时发生
   select:用户选择了文本框或多行文本框中的一个或多个字符时发生
   submit:用户点击表单的提交按钮时发生

34、JS中把JS代码与事件关联起来的方法:

   1)使用onload事件:<body onl oad="fn_load()" />
   2)传统模型,使用脚本添加或删除事件处理器:设置windows.onload=fn_load或者windows.onload=null,即添加或删除
   3)文档对象模型DOM:document.addEventListener("Load",fn_load,true)或者document.removeEventListener(),即添加或删除

35、可以使用JS对用户输入的信息进行表单验证
   注:最好在客户端的浏览器中和在服务器上处理表单时都对用户输入的信息进行验证
   注:得到某变量的值:document.getElementById("name").value