# 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>标签经常和<ol><ul>标签进行搭配，最好是不要单独使用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/)