html，csss知识整理
一、课程体系
1、预科 --前台--界面--网页设计（美工）
html
css
2、java语言基础
变量、数据类型、条件语句、循环语句、数组
OOP面向对象编程
3、java高级
API
数据库
网页脚本语言：js，JQuery
4、Web
Servlet，Jsp，框架（Structs，Spring，Hibernate，SpringMVC,Mytatis）
二、目标
1、了解HTML
2、掌握HTML常用标签
<table> --表格标签 -- 布局
<form> --表单标签
<input> --输入标签
--文本框
--密码框
--单选框
--复选框
--文件选择框
--隐藏表单域
。。。
三、知识点
1、了解HTML
HTML：超文本标记（标签）语言
作用: 产生一个HTML类型的网页 *.html(静态网页)
网页类型：
静态网页：在服务器端不会执行任何的功能处理 --静态原型
动态网页（交互式网页）：在服务器端实现业务功能操作包括对数据库数据的操作
2、HTML网页结构
网页父标签
<html>
头部标签
<head>
<link/>引入标签
<script/>脚本标签
<title></title> 标题标签
</head>
正文标签
<body>
网页的内容 --网页中需要显示的标签
</body>
</html>
3、HTML常用标签
<br/> --换行标签
<a></a> --超链接标签
<h1>...<h5> --标题标签
<p></p> --段落标签
<hr /> --分隔符标签
<pre></pre> --代码格式化标签
-------------------------------------------------------------------------------------------------
<center></center> --居中标签
<table width="" hight="" border="" --边框> 边距无法消失
--表格标签 实现布局(不是常用布局标签)
<tr> --行标签
<td></td> --列标签
</tr>
</table>
--表单标签 在网页中实现浏览器信息传递的一种标签
作用：实现一次浏览器提交服务器所需要提交的用户输入信息元素
属性
action:表单提交到服务器的路径位置
method:表单向服务器提交的方式(get/post)
get:该方式属于一种不安全的提交方式，因为在提交的时候会将表单中所有的组件内容直接在地址栏中显示
属于效率高、安全性能低
post：该方式属于一种安全的提交方式，不会将表单中组件的内容信息显示在地址栏中
属于效率低、安全性能高
<form action="" method="">
包含所有的用户输入标签
<input type="" value="" name="" id=""/>
type:表示当前输入标签的类型 text、password、radio、checkbox、file、submit、button、reset...
html5标签：
日历标签 ：type="date"
数字标签 : type="number"
音频播放标签
视频播放标签
value:当前输入标签的内容
name： 表示传递到服务器中来获得标签标示的名称
id： 在网页中访问标签的标示名称
</form>
--下拉菜单标签
<select>
<option></option> --下拉项
</select>
--文本域标签
<textarea cols="列" rows="行"></textarea>
特有属性:
disabled="disabled" 当前标签不可编辑
display:none; 当前标签不可见
block; 可见
一、目标
1.div、span
2.css
二、知识点
1.div
层标签：在html网页中主要用于实现网页分块
特征：没有任何的内容效果
span
文本标签 和div一样都是一个空标签，但该标签主要用于在div中添加文本内容
2.css --样式表
a、样式表选择器
作用：用于在网页中提供标签使用的方式
类型：
1.HTML选择器
作用：在网页中只要使用某一种标签类型的时候就自动调用css样式表
语法：
标签名{
样式表
}
例如：
p{
color：red；
}
2.ID选择器
作用：在网页中定义了id属性的标签实现样式加载
语法：
#id名称{
样式表
}
3、class选择器
作用：在网页中定义了class属性的标签实现样式加载
语法：
.class名称{
样式表
}
id、class、html选择器的区别？
优先级：ID->class->html
界面结构：
id：用于在网页中标知一个组件
class：用于在网页中提供一个组织样式的标识
b、样式表加载方式
1、内嵌式加载
实现：在一个标签中通过style属性来添加样式
2、内部式加载
实现：
在网页head标签中定义一个<style></style>标签在该标签中使用样式选择器
来添加样式
3.、外部式加载 --文件加载 *.css
实现：
创建一个css文件
link标签
<head><link rel="stylrsheet" href="css/css样式文件.css"/></head>
加载方式优先级
内嵌式-->内部式-->外部式
样式加载方式采用就近原则