整理笔记之HTML篇

十月了，该整理一下喽~

整理笔记–HTML篇
服务器 server 是用来存放数据的

浏览器 browser http发起的请求 接收都是由浏览器完成的

从服务器接收的数据都会存放在一个临时的文件夹 用来接收缓存的数据

临时文件夹的作用：加快第二次访问的速度 都已经缓存好了的~

浏览器五大厂商 IE 谷歌 火狐Firefox 欧鹏opera 苹果 Safari

http 超文本传输协议 HyperText Teansfer Protocal

http 包括两部分

接收 request 通过浏览器输入网址向相应的服务器发送请求

请求 response 服务器根据响应文件向本地计算机传输数据

一次请求会发送多个http请求

纯文本 记事本文件

纯文本的拓展名是.txt

txt文件只保存文件的内容 不保存样式

typora的扩展名是.md

word的扩展名是.docx

word文档及保存文字样式 也保存文字的内容！！

。。。。

CSS 控制样式

style

双标签

字符集：charset=”UTF-8”

国际标准字库。一个汉字占3个字节

容器级标签：h1。div

文本级标签：p。span

h：headline缩写，标题。

target=_blank

_blank – 在新窗口中打开链接
_parent – 在父窗bai体中打开du链接
_self – 在当前zhi窗体打开链接,此为默认值
_top – 在当前窗体打开链接，并替换dao当前的整个窗体(框架页)

无序列表 ul li

有序列表 ol li

自定义列表 dl dt dd

表格

td有两个属性，设置合并单元格的。

rowspan:跨行合并，属性值是几就表示跨几行。

colspan：跨列合并，属性值是几就表示合并几个单元格。

表单

form标签功能性标签，不是结构性标签。

form标签有俩个属性，分别设置表单元素提交的位置和方式。

action：设置表单元素提交的位置。

method:设置表单提交的方式。

按钮

submit：提交按钮

reset：重置按钮

logo

nav

left

主体部分

footer

转义字符
1 空格：  2 大于号：>
3 小于号:< 4 版权信息：© 花符号：&

线的类型：solid实线，dashed（虚线），dotted(点线)

font，是复合属性

通配符: " * "

交集选择器：同时满足几个条件

并集选择器 同时选中多个元素。

首行缩进 text-indent

表格合并边框 border-collapse:collapse

盒子属性 width:内容宽 height:内容高 padding:内边距 border:边框 margin:外边距

display：block 行内元素 变成 块级元素

display：inline 块级元素→行内元素

 border-style:solid;边框都是实线 dotted都是点状 double都是双线 dashed 都是虚线

padding属性设置一个元素的内边距 margin是外边距

clear 属性规定元素的哪一侧不允许其他浮动元素。

清除浮动的影响：1.给父盒子加高度 2.clear：both; 3.隔墙法 4.overflow:hidden;

a标签的状态：

  a：**link**                              鼠标未点击时的状态
        a：**visited**                         鼠标点击之后的状态
        a：**hover**                         鼠标悬停时的状态
        a：**active**                            鼠标激活时的状态（鼠标点击不松手）

a标签的伪类顺序不能颠倒 1 a:link 2 a:visited 3 a:hover a:active

背景图：url：统一资源定位符 既有背景色又有背景图，背景图会在背景色之上。

background-repeat 重复模式

    repeat：重复（默认值）				no-repeat：不重复
    repeat-x:在水平方向（X轴）重复	 repeat-y:在垂直方向（Y轴重复）

repeat-x:应用 制作渐变背景色：切1px宽度的图片，利用repeat-x进行渲染。

 切1px宽度的图片，利用repeat-x进行渲染。 background-repeat:repeat-x;

精灵图：利用背景图和背景图的位置去显示同一张图上，不同位置的图片，进而，在引入一张图的前提下，显示不同的图片

百分比表示法：background-position:50% 50%;

背景是否固定：

		background-attechment：背景是否固定
        scroll：背景跟随页面滚动（默认值）
        fixed:背景固定（背景不跟随页面滚动）

绝对定位 相对定位

border-radius：50%；（设置为圆形）

固定位置：position:fixed；

自定义压盖顺序：z-index属性

持续更新ing~~