# web20190509
**Repository Path**: GUOSD/web20190509
## Basic Information
- **Project Name**: web20190509
- **Description**: html
- **Primary Language**: HTML/CSS
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-09
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# web20190509
#### 介绍
html
#### 软件架构
软件架构说明
#### 安装教程
1. html基本标签
组合搭配标签;
标签经常和标签进行搭配,最好是不要单独使用li标签;
注意type和start属性;
与之类似的td标签经常和tr搭配,tr标签经常和table标签进行搭配;
td、tr标签一般不单独使用,都是写在table标签中;
th等价于td也是一行,只不过th是td的内容字体有粗体样式和居中样式;
td的标签体中可以放入任何的标签;
可以使用table来划分页面布局;(了解即可,不推荐使用)
2. 属性覆盖使用原则
如果一个标签的属性被父类标签和自身标签的属性同时作用;
采用就近原则(范围最小优先原则)判定那个属性起作用;
3. frame的使用
在html5中,frameset和frame是过时的,不建议使用;
frame和frameset只能写下html标签下,不能写在body标签中;
如果一定要使用frame的效果,html5保留了iframe;
iframe可以写在任何容器标签中;
4 form表单控件
form表单是向服务器发送数据的一个控件,在form表单中的所有的控件的值都会一数据包的形式发送给服务器;
from表单控件常用的属性:
action :指明当前发送的表单数据在服务器端由那个程序实体进行处理;
method :指明发送数据的形式,常用的发送形式有 get、post、put、delete
form表单的发送按钮必须使用submit类型的按钮进行发送,或者使用js的submit方法进行发送;
form表单中的表单标签一般都会给name属性和id属性值;一般,name属性值和id属性值要保证是唯一性的;
name属性的值和id属性的值可以一样;
id主要是在页面js脚本里面进行使用,用户获取指定id的控件的值;
name属性主要是给服务器使用,用户从客户端发送给服务器的form单的数据流中获取指定name的控件的值;
radio单选框要求一组单选框的name属性值要一样,这样才具有互斥功能;
checkbos多选框name属性值也要一样,这样才能作为一个整体发送到服务器端;
option标签要求和select标签进行搭配使用;
二 CSS
1 css概念
css是html页面的样式表;主要版本有css2和css3;
css根据书写位置分为:
外部css样式;
内部css样式;
内联css样式;
外部和内部css样式语法是一样的,只是书写的位置不同;
内联css样式是写在标签控件的 style属性中;
内部css样式写在head部分的 style 标签中;
外部css样式,写在独立以.css结尾的外部文件中,然后使用head部分的link标签引入即可;
注意,外部css样式不需要写style 标签,直接写css样式即可;
三种css样式的优先级:
内联css样式 > 内部css样式 > 外部css样式
内部css样式和引入外部CSS样式的link标签有先后顺序关系;
如果link引入的外部css样式在内部css样式后面执行,则后面的样式会覆盖前面的样式;
判定原则:
就近原则(范围最小优先原则)
三种css样式的用法:
外部样式文件:
整个站点的基础的通用样式写在外部样式表中;进行复用;所有的页面都可以使用link进行引入使用;
内部样式;
整个页面使用的样式,写在内部样式中,为当前这个页面服务;
内联样式;
当一个控件的和其他的同类控件的样式不一样时,可以使用内联样式突出一个特殊样式;
2 css语法
外部和内部的css样式的语法:
选择器{
样式属性1:样式属性1的值;
样式属性n:样式属性n的值;
}
解析:
选择器是用于选择样式属性组所作用的标签对象,可以单个的也可以是一类;
选择器中可以使用逗号进行分割,表示一类标签对象;
样式属性和标签的属性基本类似,标签属性中不赞成使用的属性,全部写在样式属性中;
注意样式属性名和标签属性基本类似,也有不一样的,注意区别;
如果样式属性值中含有空格或者是空白字符,需要将样式属性值使用双引号或者是单引号引出;
css中的注释方式使用 /* */ 进行注释;
注意:
学习重点是 css 的选择器;
css样式属性的不同的赋值方式;
css不同样式组中的样式属性参考api即可;
3 css选择器
id选择器:
使用标签控件的id属性作为选择标准;注意,id前面要使用 # 进行标识;例如 #userName
#标签的id,#标签的id{
}
标签选择器:
使用标签控件的类型名,例如 table、img 等作为选择标准;
标签名,标签名{
}
类选择器:
先定义一个样式类,然后使用标签控件的 class 属性指明引用那个样式类; 样式类需要使用 .样式类名 定义样式类
.样式类名{
}
使用时,在控件的 class = '样式类名 样式类名'
派生选择器
表示采用组合的方式进行更复杂的选择;参考api即可;
这三种基础原则器的优先级:
id选择器 > 类选择器 > 标签选择器
#### 使用说明
1. xxxx
2. xxxx
3. xxxx
#### 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request
#### 码云特技
1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目,是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)