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. GIT迁移仓库地址时如何保留分支和历史记录

    需求背景 GIT仓库(GitLab)所在服务器因某些原因要关停,相关服务需转移到另外一台机器上. 操作步骤 # clone项目 git clone --mirror http://192.168.12 ...

  2. PTA-R7-1 圆形体体积计算器

    ​R7-1 圆形体体积计算器 分数 20 全屏浏览题目 切换布局 作者 张高燕 单位 浙江大学 本题要求实现一个常用圆形体体积的计算器.计算公式如下: 球体体积 V=4​π*r3/3,其中r是球体半径 ...

  3. 【翻译】了解Flink-数据管道和ETL -- Learn Flink - Data Pipelines & ETL

    目录 无状态转换 map() flatmap() keyed 流 keyBy() keys计算 keyed流上的聚合 (Implicit)状态 reduce() 和其他聚合器 有状态的Transfor ...

  4. SQL_SERVER 2000启动问题

    SQL Server evaluation period has expired解决办法 问题现象: 本地计算机 上的 MSSQLSERVER 服务启动后又停止了.一些服务自动停止,如果它们没有什么可 ...

  5. taro+vue3+TS+Pinia+tailwindcss+NutUI项目创建与开发

    一.初始化 1.Taro 基本安装并初始化项目 npx @tarojs/cli init WechatAppDemo -选择框架:vue3 -是否使用ts?y -请选择css预编译器:无 -请选择we ...

  6. 2022-3-16内部群每日三题-清辉PMP

    1.项目经理正在为客户管理一个跨国项目,拟采用最新技术替换其电信基础设备.项目经理得知,在某些国家,必须遵循特定的环境规定来处置被替换的硬件.在制定商业论证时,未考虑到这些规定,项目经理应该怎么做? ...

  7. 找着CA证书位置

    php -r "print_r(openssl_get_cert_locations());"

  8. OSI网络七层模型简明教程

    如果你读过计算机专业,或者学习过网络通信,那你一定听说过 OSI 模型,它曾无数次让你头大.OSI 是 Open System Interconnection 的缩写,译为"开放式系统互联& ...

  9. JavaScript基础知识整理(引用类型-Date)

    Date Date类型可以用来保存时间,保存的日期可以精确到1970年1月1日之后或之前的100000000天. 要创建Date类型对象,可以使用new操作符加构造函数. var now = new ...

  10. pandas的数据结构--Series创建使用

    # 1. 使用Series创建一个空的系列:import pandas as pds=pd.Series()print(s)输出结果为:Series([], dtype: float64) # 2. ...