Javaweb

HTML

超链接

文本或图像
其中的跳转的目标分为外部链接和内部链接
外部链接为：//
内部链接为：\
#为空连接
如果是zip文件或者exe文件等则点击它就会下载 是下载链接
目标窗口的弹出方式：为-self本窗口打开和-blank新窗口打开
锚点链接 即点一下就跳转到页面中的某个位置
点我一下就跳转到br

表格

其中border是表示表格为边框的粗细 当为0时则无边框 表格格式为： 注意th为主题，表达突出比td更加强烈 当表格生成时在第一行中th的内容会自动居中对齐 其中：对于table标签的关键词有： align 控制表格位置 center left righthead border 是否有边框 cellpadding 内容与器所在单元格边框的间隔 cellspacing 单元格之间的空隙 width 表格宽度 height 表格高度 中放th 中放td 单元格的合并： rowspan跨行合并即一个吕合成一个口 colspan跨列合并即口口合成一个口 ## 无序列表

## 有序列表

1. 1. 注意有序列表中只能放
   3. 不能放其他的文本内容 ## 自定义列表
      格式为：
      ### 表单标签 其中有 表单域 表单控件 提示信息 单标签其属性有： checkbox复选框 image定义图像形式的提交按钮 password 密码字段 reset 重置按钮 radio 单选按钮 注意单选按钮的name是一样的 text 输入字段 submit 提交按钮 placeholder 提示信息 checked默认被选中 文本//对文本修改样式 用户名 for对应id即当我们点击用户名的时候就可以输入 选项 选项 文本标签 即留言板 # css 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

即：
选择器{
修改样式
}
选择器：基础选择器：1.标签选择器 标签名
2.类选择器 .类名
3.id选择器 #id名
4.通配符选择器 *符号
字体属性：font-family 字体属性
font-weight 字体粗细
font-style 字体倾斜 italic斜体 normal正常
font-size 字体大小
文本属性：color 颜色
text-align 文本对齐
text-decoration 文本装饰 比如上划线 下划线等
text-indent 缩进
line-heghit 行间距
选择器：复合选择器：1.后代选择器 即父类 子类{}找出的是子类的所有 比如儿子 孙子等
2.子元素选择器（子选择器） 即父类>子类{}找出的是父类的亲儿子，不包括孙子等。
3.并集选择器（兄弟选择器）即兄弟，兄弟{}找出的是这两个兄弟
4.伪类选择器
比如链接伪类选择器
a：link{}即设置未点击过的链接
a：visited{}即设置点击过的链接
a：hover{}即设置鼠标放上去的时候的链接
a：active{}即设置鼠标放上去点击时（点击未松开时）的链接
当我们想要都设置时请记住这个顺序不能改变，当我们改变以后有可能有会失效
通常应用中为：
a{} a：hover{} 即一个链接样式和一个鼠标点击时的样式

行内元素：不可以设置宽高 不独占一行
块级元素：可以设置宽高 独占一行
行内块元素：可以设置宽高，不独占一行
当我们想要将一些元素转换成想要的元素时我们可以进行元素的模式转换
即display：inline行内元素
block块级元素
inline-block行内块元素

css的层叠性：即下面设置的样式可以覆盖前面设置的样式
比如
div{color;red}
div{color:pink}
所以它为粉色
css的继承性：即子类继承父类
比如：

div{color：red
}
即p标签里面的内容也为red颜色
css的优先级：选择器不同，则根据选择器的权重比较
选择器相同，则根据选择器的层叠性类比较
权重：
通配选择器：0，0，0，0，0 ()
元素和伪元素：0，0，0，0，1（例如div;p; :first-line)
类选择器，伪类，属性选择器：0，0，0，1，0
（例如：hover;.main;input[type=“text”])
ID选择器：0，0，1，0，0（例如#main)
内联样式：0，1，0，0，0（style="“)
!importangt：1，0，0，0，0
盒子模型：盒子，浮动，定位
盒子：padding 内容与边框的距离
magin 盒子与页面的距离 盒子与盒子的距离
border 边框 soild为实线属性 dashed为虚线属性
注意当我们在设置magin时比如

当我们设置子类盒子的magin时有时候会造成父类的外边距塌陷， 这个时候我们要给父类设置一个overflow：hidden 这子类盒子就会以父类盒子为中心而不是页面 其中在设置magin时 auto为自动调节，让他这个盒子居中对齐 这个设置盒子的上下排列是好的，但是设置盒子的左右排列比较困难，浮动比较方便 浮动：当我们设置浮动后它相对于我们向上移动，而下面的盒子会上去站他的位置。 当我们上面的盒子未设置浮动，而后面的盒子设置浮动时他不会浮动到我们上面未设置浮动的位置。 float 那么我们如何设置几个盒子排在一列呢 先定义一个父类盒子，在定义几个子类盒子 设置出父类盒子的高后我们将子类的盒子也设置一样的高度，然后我们给子类设置浮动他就会浮动到父类盒子中排列成一行。 然后我们就可以通过magin来设置他们的间隔，但是注意最后一个的位置。如果超出父类盒子，就得定义最后一个盒子的magin为0. 还没有总结完。