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协议 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 我们平时上网的时候基本上是离不开浏览器的,尤其是搜索资料的时候,那么这个浏览器是如何工作的呢?用的又是 ...
随机推荐
- 最简单的asp验证码
<%Public Function BornVerifyCode() Randomize '设置随机因子 BornVerifyCode=Mid((Rnd * 10 ...
- sm-crypto密码算法库
一.环境配置 在之前的node.js库配置中,我们已经配置好了node和npm,再次检查配置情况 node -v npm -v npm install --save miniprogram-sm-cr ...
- java问题解答
因为子类继承自父类,会沿用父类的东西(没被覆盖的函数以及可见的成员变量等),而这些东西子类是没有的,需要先初始化父类才能被使用 子类构造方法中调用父类构造方法,一个作用是可以给父类构造方法传递实参,给 ...
- 方法综合练习:out、params、ref
using System; namespace ConsoleApp1 { class Program { /// <summary> /// 求两个参数之间的最大值 /// </s ...
- oracle删除表空间报ORA-22868
1.删除表空间报ora-22868问题,该表空间包含其他表空间的表的大字段. 思路:要么把字段迁移走,要么把表清理了. 2.处理方法一:将大字段迁移到其他表空间 select 'alter table ...
- React脚手架的使用
初始化项目 npx create-react-app my-app // 或 npm init react-app my-app // 或 yarn create react-app my-app 启 ...
- 手写JS深拷贝
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 网络编程之 requests 模块
1. get 请求 1 import requests 2 url = 'http://api.xxxx.cn/api/user/stu_info?stu_name=xiaohei' 3 data = ...
- HFSS仿真疑问
P15针在0.5pitch下,GS结构相比GSG更接近50Ω,但是在某些频点会有明显的反射,该频点插损比较大. 从TDR上看,阻抗呈正弦形状变化,有些奇怪. 空气盒子只增加了2mm,试了一下将空气盒子 ...
- bzoj 3309
奇怪的莫比乌斯反演... 题意:定义$f(n)$表示将$n$质因数分解后质因子的最高幂次,求$\sum_{i=1}^{a}\sum_{j=1}^{b}f(gcd(i,j))$ 首先肯定是反演嘛... ...