HTTP协议四大特性:

1基于请求响应

2 基于tcp/ip协议之上的应用层协议

3 无状态

  不能保存用户信息

4 无链接,短链接

二 get和post的区别?

1 get 不安全,get请求没有请求体   传递的参数有大小限制

post  安全  有请求体 传递的数据大小没有限制

HTML超文本标记语言

注释   <!--注释-->

head 一般写的内容不是让客户看的,常用标签:style  link  script

body 你写什么 就在网页上显示什么,常用标签:b,i,u,s,br,hr,h1~h6,div,span,p,img,a

标签的分类:

块级标签:独占一行的

div ,p ,h1~h6

行内标签:自身文本多大就占多大

span,a,img,b,i,s,u

标签之间的嵌套:

块儿级元素可以嵌套所有的行内元素,行内元素不能嵌套块儿级元素
p标签不能嵌套块儿级元素,其他的块儿级元素可以嵌套块儿元素和行内元素

标签的两个重要属性:

id
 class
'''这两个属性都是所有的标签自带的'''
<div id='d1' class='c1'></div>

id属性不能重复
 class 是可以重复的

无序列表:

<ul type="circle">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

form表单

# 可以让前端输入的数据提交到后端

<form action="" method="post">
# 朝后端提交的地址
1. 什么都不写,默认提交的是当前地址
2. 全写:https://passport.baidu.com/v2/api/?login
3. 只写后缀
/index/ # 他会自动帮你拼接 ip:port/index/
修改请求方式:
method="post"

'''
请求数据格式:
1. urlencode
2. form-data
3. json
'''

form表单只能提交:
1. urlencode
2. form-data
# 不能提交json格式的数据

提交json格式的数据:
1. ajax
2. api管理工具

css

# 层叠样式表 style sheet
'''
如何学习css?
1. 先学习如何查找标签
2. 在学习css的相关属性
'''
语法结构:
<style>
选择器 {
属性名:属性值
属性名:属性值
属性名:属性值
属性名:属性值
}
</style>
选择器:
1. 基本选择器(重要)
id选择器     #id名{}
class选择器  .class名{}
标签选择器  div{}
通用选择器
2. 属性选择器
div[username='ly'] {
color: red;
}
3. 伪类选择器
# 针对的是a标签
4. 伪元素选择器

选择器的优先级

1. 选择器相同的情况下
就近原则:离谁越近,就听谁的, 行内式的优先级最高
2. 选择器不同的情况下
行内式 > id > class > 标签

hhtp协议和html标签分类css的更多相关文章

  1. css基础(css书写 背景设置 标签分类 css特性)

      css书写位置   行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link re ...

  2. CSS.02 -- 样式表 及标签分类(块、行、行内块元素)、CSS三大特性、背景属性

    样式表书写位置  内嵌式写法 <head> <style type="text/css"> 样式表写法 </style> </head&g ...

  3. html(常用标签,标签分类),页面模板, CSS(css的三种引入方式),三种引入方式优先级

    HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...

  4. htm基础知识,css的链入以及标签分类。

    <!DocTYPE>  DOC--Document 文档  TYPE  类型  文档类型 告诉浏览器这是什么文件 单标签: meta  设置   charset  设置编码 双标签: 开始 ...

  5. http协议和web应用有状态和无状态浅析

    http协议和web应用有状态和无状态浅析 (2013-10-14 10:38:06) 转载▼ 标签: it   我们通常说的web应用程序的无状态性的含义是什么呢? 直观的说,“每次的请求都是独立的 ...

  6. 前端之常用标签和CSS初识

    外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时 外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层di ...

  7. 在线聊天室的实现(1)--websocket协议和javascript版的api

    前言: 大家刚学socket编程的时候, 往往以聊天室作为学习DEMO, 实现简单且上手容易. 该Demo被不同语言实现和演绎, 网上相关资料亦不胜枚举. 以至于很多技术书籍在讲解网络相关的编程时, ...

  8. http协议和web本质

    转载:http://www.cnblogs.com/dinglang/archive/2012/02/11/2346430.html http协议和web本质 当你在浏览器地址栏敲入“http://w ...

  9. TCP协议和UDP协议基础介绍

    TCP协议和UDP协议区别 标签(空格分隔): TCP,udp TCP的三次握手 TCP被称为可靠的数据传输协议,主要是通过许多机制来实现的其中最主要的就是三次握手的功能,当然,TCP传送数据的机制非 ...

  10. HTTP协议和SOCKS5协议

    HTTP协议和SOCKS5协议 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 我们平时上网的时候基本上是离不开浏览器的,尤其是搜索资料的时候,那么这个浏览器是如何工作的呢?用的又是 ...

随机推荐

  1. 最简单的asp验证码

    <%Public Function BornVerifyCode()         Randomize '设置随机因子         BornVerifyCode=Mid((Rnd * 10 ...

  2. sm-crypto密码算法库

    一.环境配置 在之前的node.js库配置中,我们已经配置好了node和npm,再次检查配置情况 node -v npm -v npm install --save miniprogram-sm-cr ...

  3. java问题解答

    因为子类继承自父类,会沿用父类的东西(没被覆盖的函数以及可见的成员变量等),而这些东西子类是没有的,需要先初始化父类才能被使用 子类构造方法中调用父类构造方法,一个作用是可以给父类构造方法传递实参,给 ...

  4. 方法综合练习:out、params、ref

    using System; namespace ConsoleApp1 { class Program { /// <summary> /// 求两个参数之间的最大值 /// </s ...

  5. oracle删除表空间报ORA-22868

    1.删除表空间报ora-22868问题,该表空间包含其他表空间的表的大字段. 思路:要么把字段迁移走,要么把表清理了. 2.处理方法一:将大字段迁移到其他表空间 select 'alter table ...

  6. React脚手架的使用

    初始化项目 npx create-react-app my-app // 或 npm init react-app my-app // 或 yarn create react-app my-app 启 ...

  7. 手写JS深拷贝

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 网络编程之 requests 模块

    1. get 请求 1 import requests 2 url = 'http://api.xxxx.cn/api/user/stu_info?stu_name=xiaohei' 3 data = ...

  9. HFSS仿真疑问

    P15针在0.5pitch下,GS结构相比GSG更接近50Ω,但是在某些频点会有明显的反射,该频点插损比较大. 从TDR上看,阻抗呈正弦形状变化,有些奇怪. 空气盒子只增加了2mm,试了一下将空气盒子 ...

  10. bzoj 3309

    奇怪的莫比乌斯反演... 题意:定义$f(n)$表示将$n$质因数分解后质因子的最高幂次,求$\sum_{i=1}^{a}\sum_{j=1}^{b}f(gcd(i,j))$ 首先肯定是反演嘛... ...