用java实现html与css,java学习与应用（4.1）--HTML、CSS

文件标签

文件标签html、head、title、body。html5使用表示html文档，meta的charset指定字符集。注释

文本标签h1--h6(标题标签)，p(段落)，br(普通回车解析为空字符)，hr(水平线，color颜色，width宽度，size高度，alien对其方式[center left right])，b(加粗)，i(斜体)，font(字体，color颜色、size大小、face字体)

标签属性中，color颜色表示：可以用red等，建议#值1值2值3(红绿蓝)(取色器)。width表示：数值(px)，百分号(占比，相对父元素)。center标签，居中。

特殊字符，对应的字符编码表。手册-->符号。

图片标签img 自闭合(src路径[相对路径即可]，alien[部分不支持]，alt加载失败显示，width宽，height高)。

列表标签：有序ol(order list，属性type更换样式，start起始位置)、li(每一项)。无序列表ul(unorder list，type)，li(每一项)。

链接标签：a标签(属性href跳转URL[本地或网络](mailto:xxx@qq.com选项启动本地邮件)，target属性_self本页面打开_blank新建选项卡)

块标签：span(包裹作用，默认无效果，默认不换行一行)，div标签，自动换行。

语义化标签：header，footer，用来提高程序可读性，结合css使用。(html5)。

表格：只有行的概念。table定义表格(border线宽，width宽度，cellpadding边沿内容间空白，cellspacing单元格间空白，bgcolor背景色，alien对齐)，tr定义行(颜色，对其方式)，td定义行内单元格(rowspan行合并，colspan列合并，以第一个行单元格写入)，th定义表头单元格。

caption表格标题。thead，tbody，tfoot(类似语义化标签，有位置定义作用，非html5)。

表单标签

表单标签：form标签定义表单(action提交地址，method提交方式[7种，get请求参数在地址栏显示，请求参数长度有限制，安全低 post请求参数封装到请求体中，请求参数无限制，安全高])，

input标签(type类型(text文本输入[placeholder提示信息]，password密码输入，radio单选框[name属性一致一组，不同value，checked默认选中]，checkbox复选框(也指定name和value，checked默认选中)，value值，name属性指定的标签数据才能提交)，

file选中文件，hidden隐藏域，看不到但会提交，submit提交，image图片提交按钮，button普通按钮，color取色器，date日期，datetime-local日期和时间，email邮箱(带校验)，number数字(校验)。

select下拉列表(定义name)，option选项(定义value)selected默认选中，

textarea文本域(clos列数，rows行数，定义name)

label便签(for属性和input的id属性对应，让input输入框获取焦点(套入输入框的提示文本))，指定输入项的描述信息。

CSS样式表

CSS(Cascading Style Sheet层叠样式表)，

内联样式：在标签内使用style属性，每个键值对使用:，之间使用;隔开。

内部样式：在head标签中定义style标签。style标签内，写入css代码。

外部样式：在css文件中写入css代码，使用link标签(href路径属性，rel样式)引入css代码。也可以通过style标签中写入的@import引入css文件。

css格式：  选择器{属性:属性值;xxx:xxx;}。

选择器：基础选择器：id选择器(#id属性值{}，优先级高于元素选择器)，元素选择器(标签名{})，类选择器(.名称{}，使用标签的class属性调用，高于元素选择器，低于id选择器)。

拓展选择器：*表示选择所有元素，并集选择器(选择器1,选择器2{})，子选择器(选择器1 选择器2{}选择元素1下的元素2)，父选择器(父标签 > 子标签{}，作用于父标签)

属性选择器(元素名[属性名=属性]{}，选中有该属性的标签)，伪类选择器，选择一些元素具有的状态，格式如：XXX(如a等标签):输入关键字(如link初始化状态，visited访问过，hover悬浮，active正在访问等属性){}

常用属性：字体font，font-size大小，color颜色，text-alien对其方式，line-height行高，border复合属性(定义大小)

边框，border(宽度，线性，颜色等)，height高，width宽。background复合属性(图片路径，是否重复，位置，等)，border-radius设置圆角。vertical-alien垂直样式，

盒子模型：控制布局。margin外边距(复合属性，auto居中)(相对于当前的对象)，padding内边距(相对于当前的对象)。默认情况下内边距会影响盒子大小(box-sizing:border-box使得大小为最终大小)。

float浮动：多个div设置浮动，使得div在一行展示，属性有left，right，center等。