客户端网页编程2

• readOnly和disabled的区别：1），readonly表示只读，也就是文本框内容不可以改变，所以该属性只能用于文本框。disabled表示不可用，可以用于任何网页元素。元素加上disabled之后，内容不能改变，同时不能响应事件。2），表单元素加上readonly，表单值还是可以提交服务器，但是表单元素加上disabled，表单值就不能提交服务器了。
• 表单元素：input－text 文本框，password 密码框，radio 单选框，checkbox 复选框，hidden 隐藏表单，file 文件表单，submit 提交按钮，reset 重置按钮，image 图片提交按钮，button 命令按钮。select－下拉框，列表框（multiple）   textArea－多行文本。
• CSS是层叠样式表（Cascading Style Sheets）的缩写，它用于定义HTML元素的显示形式，是一种格式化网页内容的技术。CSS现在已经被大多数浏览器所支持，成为网页设计者必须要掌握的技术之一。
• 添加样式表的方式：内联式：直接在元素中加入style属性,只能用于网页中的一个元素<div styke=“border:1px solid #000;width:300px;height:200px”></div>    
• 嵌入式：书写style标签，在标签中指明样式。可以用于网页中的不同元素
• <style>
• div｛
• widows: 300px;
• height: 200px;
• background: yellow;
• boder：2px solid ＃000
• ｝
• </style>
• 外联式：将样式规则书写到文件中，可以用于不同的网页，重用度最好。<link rel=“stylesheet” href=“abc.css”>
• 层叠样式表的含义是：如果是多个规则来描述同一个元素，那么会根据样式表的优先级，来决定最终显示什么样式。
• 对于倒入css方式的优先级：内联式>嵌入式>外联式
• CSS选择器：元素选择器div：利用元素的标签名称作用选择范围。div｛｝表示所有的div元素均采用该样式。h1，h2｛｝表示所有的h1标签和h2标签均采用该样式。
• 类选择器.：利用元素的class属性来引入类选择器的样式。同一种元素可以选择性使用。    .mm{}    <div class=“mm”></div>
• id选择器#：让拥有该id属性的元素采用该样式。<p id=“p1”></p>     #p1{}  id号为p1的元素采用该样式。
• 包含选择器 ：元素内的字元素采用该样式。<div id=“mydiv”></div>    #mydiv span{}  元素中所有的span标签采用该样式
• 用该样式：div .aaa{}  表示所有的div中，class属性为aaa的元素采用该样式。
• 通配符*：所有的元素均采用该样式。#oneDiv*{} 表示di为oneDiv中，所有的元素均采用该样式 。
• 伪类选择器：执行完某个动作的元素采用该样式。#data tr:hover{} 表示鼠标悬停在id为data下的tr元素时，采用该样式。
• CSS属性单位：绝对长度和相对长度。
• magin属性：水平和子的间距为两国和子间距的和，垂直盒子的间距为两个盒子间距的较大值，margin值可以设置为负值。
• padding属性：Padding属性用来描述盒模型的边框盒内容之间插入多少空间。margin是当前元素盒border的距离；padding是内容盒border的距，margin是对外的，padding是对内的，margin只对块级元素有效。padding对所有元素都有效。
• 在盒模型中，我们可以控制四个不同的分层属性：内容（content）：元素中的内容      外边距（Margin）：代表元素外边的空间，这个空间将元素相互分开。 边框（Border）：位于元素的间距内盒元素的边框距外之间的可配置的线。  内边距（Padding）：元素 内容盒元素边框之间的空间。
• 边框，边距，边框距这三个属性可以单独设置，但是他们同时可以相互配合在一起来格式化一个元素。
• 盒模型均可以用“上右下左”方式设置。如果仅给出两个或三个值，那么缺失边的属性取值与对边相同的值。