JavaWeb

HTML

简介

大名：HyperText Markup Language

寓意： 超文本 标记 语言

语义化标签

标题

有六级

列表

• 无序标签
• 有序标签

• 注释标签

  段落

  font字体

  链接

  属性

  • href:写地址

  • target：在什么目标上打开

  • • blank建新窗口打开
    • self 在自身窗口打开

  图像

  属性：

  • src：路径
  • alt：在图片没法显示时，给用户的提示

  HTML div

  作用：布局

  块级元素和行内元素

  块级元素：标题，div，列表

  行级元素：链接，元素,段落

  格式化标签

  1. 文本格式化

  加粗

  另一种粗体

  强调字体 （斜线）

  大号字体

  小号字体

  _下标

  ^上标

  2. 预格式文本

  《pre》

  3. 应用

  《blockquote》

  4. 删除线

  《del》

  《ins》

  表格

  内容	内容
  内容	内容

  边框问题	border
  单元格间距	cellspacing
  单元格边距	cellpadding
  单元格跨列	colspan
  内容对齐	align
  单元格跨行	rowspan

  表单

  css

  基础语法

  样式属性 操作符(😃 样式值 分割符(😉

  选择器

  ID选择器：#+id名称

  元素选择器: 元素名

  类选择器: .+class名字

  属性选择器: [属性名称]

  伪类

  :link 向未被访问的链接添加样式

  :hover 当鼠标悬浮在元素上方，向元素添加样式

  :active 向未被激活的元素添加样式

  :visited 向已经被访问过的链接添加样式

  伪元素

  ::before 会为当前元素创建一个子元素作为伪元素

  ::after 用来匹配已选元素的一个虚拟的最后子元素

  优先级

  • 内联样式的优先级高于外联样式
  • 外联样式：id选择器级别最高，其次类选择器、元素选择器和伪类
  • 加 ！important可以使级别最高

  基于关系的选择器

  CSS样式

  背景

  background 简写属性：作用是将背景属性设置在一个声明中

  background-color 设置元素的背景颜色

  background-image 把图像设置为背景

  background-position 设置背景图像的起始位置

  background-repeat 设置背景图像是否及如何重复

  文本

  color 设置文本颜色

  text-align 对齐元素中的文本

  • right 右对齐
  • center 居中对齐
  • left 左对齐

  text-decoration 向文本添加修饰

  • 不添加任何修饰为 none

  text-indent 缩进元素中文本的首行

  vertical-align 设置元素的垂直对齐

  字体

  font 在一个声明中设置所有的字体属性

  font-family 指定文本的字体系列

  font-size 指定文本的字体大小

  font-style 指定文本的字体样式（斜体）

  font-weight 指定字体的粗细

  列表

  list-style 用于把所有列表的属性设置于一个声明中

  list-style-image 将图像设置为列表项标志

  list-style-type 设置列表项标志的类型

  CSS布局

  CSS常见布局

  • 两行三列布局
  • 三行两列布局

  CSS设置模型盒子

  边框

  Border 简写属性，用于把针对 四个边的属性设置在一个声明

  border-style 用于设置元素所有的边框的样式，或者单独的为各边设置边框样式

  border-width 用于元素的所有边框设置宽度，或者单独的为各边边框设置宽度

  border-color 设置元素的所有边框中可见部分的颜色，或者为4个