- 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):元素 内容盒元素边框之间的空间。
- 边框,边距,边框距这三个属性可以单独设置,但是他们同时可以相互配合在一起来格式化一个元素。
- 盒模型均可以用“上右下左”方式设置。如果仅给出两个或三个值,那么缺失边的属性取值与对边相同的值。
客户端网页编程2
最新推荐文章于 2022-05-07 14:22:36 发布