回到顶部
表格语法格式:
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
语法格式:
….
align属性对齐方式可选值如下:left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
语法格式:
….. |
align属性的可选值有:left,center,right
valign属性的可选值有:top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1
回到顶部
input元素 语法格式:
type属性的可选值有:
text 单行文本框
属性:name 文本框名称
value 文本框的初始值
size 文本框的长度
maxlength 可输入字符串最大的长度
radio 单选框
属性:name 单选框名称
value 内部值
checked 默认选定
checkbox 复选框
属性:name 复选框名称
value 内部值
checked 默认选定
reset 重置按钮
submit 确定按钮
属性:name 按钮名称
value 显示在按钮上的文字
password 密码框
属性与文本框的属性完全相同
file 文件域
属性:name文件域名称
size 文件域的长度
maxlength 文件域可接受的字符数量的上限
hidden 隐藏域
属性:name 隐藏域名称
value 内定值
image 图片域
属性:name 所要代表的按钮,可以是submit,reset,或其他.
src 按钮图片的url 地址
列表框
语法格式:
…..
…..
回到顶部
select元素
语法格式:
name 指定列表框的名字
size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
语法格式:
value 该列表项的值
selected 如果设定了这个参数,默认为选定这一项
回到顶部
多行文本框
属性:
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
off不保存换行信息
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
回到顶部
css 层叠样式表
引入层叠样式表的方法包括:
外联式样式表
例:
….
属性:rel 用来说明元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址
内嵌式样式表:
例:
….
元素内定
格式:
导入式样式表
〈html>
….
css的优先级
越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。
css结构
例:td{font-size:10.5pt;color:#666666}
css样式包含两个基础部分,
选择符
和声明{font-size:10.5pt;color:#666666}
声明也有两部分组成:
属性font-size,color和值10.5pt,#666666
选择符分为6种
1元素选择符
当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开 例:td,p,li,input,select{font-size:12px;}
2class(类)选择符
例:〈head>
…..
士大夫井冈山地方官
九连环离开计划
还有一种方法就是限定可以应用它的页面元素
例:〈head>
…..
士大夫井冈山地方官
九连环离开计划
3 id选择符
与class选择附类似,只是把’.’换成’#’
例:
我们看到在调用ID选择附时与CLASS选择附类似,只是将class=””换成了id=””,方便页面脚本语言的调用
关联选择符
关联选择符
我们设定了在元素中
| 的元素
所包含文字的样式,只有在两个条件都满足是,样式在会起作用,
伪类选择符
是只能用在css选择符里,而不能用在html代码中的选择符
例:
〈html>
关联选择符
关联选择符
关联选择符
关联选择符
〈/body>
正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱
伪元素选择符
与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的
例:首行
dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf…
长度随浏览器窗口大小而改变
首字
dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf…
以上两种都只能应用于块状元素上
回到顶部
css规则
1.继承
例:
为最高级
| 次一级两种css用在一个属性元素上,相同的覆盖,不同的继承,
2.组合
例:td{font-size:12pt}
p1{font-size:12pt}
组合后
td,.p1{font-size:12pt}
3.层叠
在样式里定义过后,在表格属性中又定义一次
css单位
分四大类:
1 长度单位
数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用)
换算关系:
1in(英寸)=6pc(派)
1in(英寸)=72pt(磅)
1in(英寸)=2.54(厘米)
1cm(厘米)=10mm(毫米)
1cm(厘米)=0.3937(英寸)
1pt(磅)=1/72in(英寸)=0.2478mm(毫米)
1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸
2 百分比单位
3 颜色单位
4 url单位
回到顶部
div属性
color : #999999 文字颜色
font-family : 宋体 文字字型
font-size : 10pt 文字大小
font-style:itelic 文字斜体育
font-variant:small-caps 小字体
letter-spacing : 1pt 文字间距
line-height : 200% 设定行高
font-weight:bold 文字粗体
vertical-align:sub 下标字
vertical-align:super 上标字
text-decoration:line-through 加?h除线
text-decoration:overline 加顶线
text-decoration:underline 加底线
text-decoration:none ?h除连接底线
text-transform : capitalize 首字大写
text-transform : uppercase 英文大写
text-transform : lowercase 英文写
text-align:right 文字*右对齐
text-align:left 文字*左对齐
text-align:center 文字置中对齐
这些是一些简单的文字效果,可以应用到css的页面中。
回到顶部
背景
TEXTAREA STYLE=”border:1px dashed pink”>
实线
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/216963.html原文链接:https://javaforall.net
关于作者
本网站汇聚当前互联网主流语音,持续更新,欢迎关注公众号“全栈程序员社区”
GPIB编程电源调试小结
上一篇
2026年3月18日 上午10:39
搭建Crawlab爬虫管理平台
下一篇
2026年3月18日 上午10:40
相关推荐-
Luci App OpenClaw – 在路由器上运行 OpenClaw / OpenWrt 管理插件
-
线性回归目标函数—–最小二乘法推导过程「建议收藏」在学习线性回归的时候
-
CString转TCHAR1 TCHAR gt CStringTCHAR 100 T aaaaaaa CStringstr str Format L s m buf 2 CString 转 TCHARCString B bbbbbbbbb TCHARa 40 tcscpy a str
-
linux中EXPORT_SYMBOL使用EXPORT_SYMBOL只出现在2.6内核中,在2.4内核默认的非static函数和变量都会自动导入到kernel空间的,都不用EXPORT_SYMBOL()做标记的。2.6就必须用EXPORT_SYMBOL()来导出来(因为2.6默认不到处所有的符号)。 1、EXPORT_SYMBOL的作用是什么?EXPORT_SYMBOL标签内定义的函数或者符号对全部内核代码公开,
-
vue相比jquery_angular和vue哪个厉害jQuery到Vue的转变是一个思想的转变,将原有的直接操作dom的思想转变到操作数据上前言:很多人说jquey和vue没有什么可比的,应该和Angular,React来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样,在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变,是将原有的直接操作dom的思想转变到操作数据上去,难道不是一个根本性的改变吗?jquery介绍:想必大家都用过jquery吧,这个曾经.
-
Javascript中的字符串拼接字符串拼接是所有程序设计语言都需要的操作 当拼接结果较长时 如何保证效率就成为一个很重要的问题 本文介绍的是 Javascript 中的字符串拼接 希望对你有帮助 一起来看 consticon 模板字符串 hi icon join 方法 hi icon join Concat 方法 concat hi icon 操作符 hi icon RESULT hi1
|