hhtp协议和html标签分类css
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的更多相关文章
- css基础(css书写 背景设置 标签分类 css特性)
css书写位置 行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link re ...
- CSS.02 -- 样式表 及标签分类(块、行、行内块元素)、CSS三大特性、背景属性
样式表书写位置 内嵌式写法 <head> <style type="text/css"> 样式表写法 </style> </head&g ...
- html(常用标签,标签分类),页面模板, CSS(css的三种引入方式),三种引入方式优先级
HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...
- htm基础知识,css的链入以及标签分类。
<!DocTYPE> DOC--Document 文档 TYPE 类型 文档类型 告诉浏览器这是什么文件 单标签: meta 设置 charset 设置编码 双标签: 开始 ...
- http协议和web应用有状态和无状态浅析
http协议和web应用有状态和无状态浅析 (2013-10-14 10:38:06) 转载▼ 标签: it 我们通常说的web应用程序的无状态性的含义是什么呢? 直观的说,“每次的请求都是独立的 ...
- 前端之常用标签和CSS初识
外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时 外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层di ...
- 在线聊天室的实现(1)--websocket协议和javascript版的api
前言: 大家刚学socket编程的时候, 往往以聊天室作为学习DEMO, 实现简单且上手容易. 该Demo被不同语言实现和演绎, 网上相关资料亦不胜枚举. 以至于很多技术书籍在讲解网络相关的编程时, ...
- http协议和web本质
转载:http://www.cnblogs.com/dinglang/archive/2012/02/11/2346430.html http协议和web本质 当你在浏览器地址栏敲入“http://w ...
- TCP协议和UDP协议基础介绍
TCP协议和UDP协议区别 标签(空格分隔): TCP,udp TCP的三次握手 TCP被称为可靠的数据传输协议,主要是通过许多机制来实现的其中最主要的就是三次握手的功能,当然,TCP传送数据的机制非 ...
- HTTP协议和SOCKS5协议
HTTP协议和SOCKS5协议 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 我们平时上网的时候基本上是离不开浏览器的,尤其是搜索资料的时候,那么这个浏览器是如何工作的呢?用的又是 ...
随机推荐
- Security Bulletin: IBM WebSphere Application Server is vulnerable to a remote code execution vulnerability (CVE-2023-23477)
Skip to content Support DownloadsDocumentationForumsCasesMonitoringManage support account ...
- logback 日志脱敏处理
1.按正则表达式脱敏处理 参考: https://www.cnblogs.com/htyj/p/12095615.html http://www.heartthinkdo.com/?p=998 站在两 ...
- 图片转成gif 变成base64
html2canvas 截屏的插件 http://jnordberg.github.io/gif.js/ GIF.js官网 <script src='https://imgss.githu ...
- npm设置和取消代理的方法
设置代理 npm config set proxy=http://server:port npm config set https-proxy https://server:port // https ...
- 使用element上传图片的时候的限制只上传一个的问题
<el-form-item label="轮播图图片" prop="image"> <el-upload class="avatar ...
- 2022-3-14内部群每日三题-清辉PMP
1.开发一款银行零售业务新产品的项目正在进行中,由于团队成员缺乏激励,该项目落后于进度.项目经理应该如何激励项目团队? A.提供认可与奖励 B.使用教练和指导技能 C.委托职责 D.应用创造性的问题解 ...
- gitee提交过程
https://gitee.com/ 一个线上代码云端软件开发协作平台 首先注册一个账号 然后添加新的仓库 仓库名称和路径是必填项 然后创建项目 选择 克隆存储数据库 存储库位置是网站获取的git位 ...
- 莫凡Python之keras 2
莫凡Python 2 kearsregressionpython Classifier 分类 使用 mnist 数据集,这是0-9的图片数据,我们使用神经网络去识别这些图片.显示图片上的数据 本质上是 ...
- CSS中z-index的属性与使用
z-index 属性指定一个元素的堆叠顺序. 拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面. Z-index 仅能在定位元素上奏效,z-index 进行定位元素(position:abso ...
- <雪山飞狐><飞狐外传 >合辑剧情+随笔
严格而言雪山飞狐与飞狐外传的剧情并不相关,前者写作与前,然后飞狐外传算是对雪山飞狐中形象并不饱满的胡斐作进一步补充描述,同时对二十余年前苗人凤与胡一刀之间故事的补充,以及众人叙述中的一些补充.因此虽然 ...