Html、css相关

Html

Html结构：

常用文本标签：

特殊字符标签：

表单标签：

关于form请求方式：
get：默认方式，请求的数据会显示在地址栏，不安全但是可以分享链接。
post：提交的数据不在请求路径上追加，使用会多一些

<input>标签的type属性：

input的其他属性：

设置为text或password时可以使用属性placeholder设置输入框的显示文本

<select>：
需要设置name属性。
子标签：<option>：

<textarea>：
cols属性：文本域的列数。
rows属性：文本域的行数。
style="resize:none;"可设置不可改变大小

Html5新增属性：

主要标签：div和span
div属于块级元素， 独占一行。
span属于行内元素，可共处一行。

CSS

html中引入方式：

<link rel="stylesheet" type="text/css" href="css文件路径" />

可使用../访问父级路径

选择器：
按标签类型选择（一类标签）：标签类型{ 属性 : 值; }
按ID选择（单个标签）：#标签ID{ }
组合选择器：选择器1, 选择器2{ }
关联选择器（基于标签间关系筛选）：父选择器 后代标选择器{ }
属性选择器（基于属性进行筛选）:选择器[属性名="属性值"]{}
子元素选择器（只能是子元素）：父选择器 > 子选择器{ }
相邻兄弟选择器（同父）：父选择器 + 兄弟选择器{ }
类选择器（基于类进行筛选）:.类名{ }
锚伪类选择器（基于a标签锚点）：选择器:锚伪类选择器{ }
4种锚伪类选择器：

去除链接下划线：text-decoration: none;

CSS常用样式

边框和尺寸：border、width、height

转换：display：
常用的属性值：
inline：此元素将显示为行内元素（行内元素默认的display属性值）
block：此元素将显为块元素（块元素默认的display属性值）
none：此元素将被隐藏，不显示，也不占用页面空间。

字体：color、line-height

背景：background-color，background-image
background-color： 颜色; 设置元素的背景颜色
background-image : url(图片的路径地址);
background-repeat: 背景平铺方式;
背景平铺方式取值：
no-repeat： 不平铺
repeat-x ： 横向平铺
repeat-y ： 纵向平铺
注意：图片默认是平铺满整个盒子的

盒子模型：
padding：元素的内边距在边框和内容区之间。
border：边框 (border) 是围绕元素内容和内边距的一条或多条线。
margin：围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。

盒子模型组成部分：
元素的内容(高度、宽度，即content)、内边距（padding）、边框（border）和外边距（margin）组成 。

盒子模型大小
盒子模型的大小受元素的内容(高度、宽度)、内边距（padding）、边框（border）的影响，不受外边距的影响

设置边距（padding或margin）的方式为上右下左（顺时针转一圈）

定位
通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。

position 属性值的含义：

static
元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
relative
元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
absolute
元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
fixed
元素框的表现类似于将 position 设置为 absolute，不过其包含块是视口本身。
提示：相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
浮动（float）：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。