m0_70516782的博客

input:（输入） button（按钮） :focus（选取获得焦点） float:（浮动）display: block;（显示块元素）display: none;（隐藏块元素）margin（外边距） :hover（悬浮变色）border（边框） line-height:（行高） padding（内边距）border-style（边框样式）text-shadow: 1px 1px 1px red(红); 阴影效果 可选值: 水平效果(必填)，垂直效果(必填)

input:（输入） button（按钮） :focus（选取获得焦点） float:（浮动）display: block;（显示块元素）display: none;（隐藏块元素）margin（外边距） :hover（悬浮变色）border（边框） line-height:（行高） padding（内边距）border-style（边框样式）text-shadow: 1px 1px 1px red(红); 阴影效果 可选值: 水平效果(必填)，垂直效果(必填)

input:（输入） button（按钮） :focus（选取获得焦点） float:（浮动）display: block;（显示块元素）display: none;（隐藏块元素）margin（外边距） :hover（悬浮变色）border（边框） line-height:（行高） padding（内边距）border-style（边框样式）text-shadow: 1px 1px 1px red(红); 阴影效果 可选值: 水平效果(必填)，垂直效果(必填)

制作首页导航栏属性： float:（浮动）display: block;（显示块元素）display: none;（隐藏块元素）margin（外边距） :hover（悬浮变色）border（边框） line-height:（行高） padding（内边距）border-style（边框样式）text-shadow: 1px 1px 1px red(红); 阴影效果 可选值: 水平效果(必填)，垂直效果(必填)，模糊半径(选填)，颜色(选填)代码：

如果背景图片大于元素，默认会显示图片的左上角如果背景图片和元素一样大，则会将背景图片全部显示 repeat，默认值，背景图片会双方向重复（平铺） no-repeat ，背景图片不会重复，有多大就显示多大 repeat-x， 背景图片沿水平方向重复 repeat-y，背景图片沿垂直方向重复 背景图片默认是贴着元素的左上角显示 该属性可...

文档流 margin 浮动 定位 更加高级的布局手段 定位指的就是将指定的元素摆放到页面的任意位置 通过定位可以任意的摆放元素 可选值： static： ['stætik] 默认值，元素没有开启定位 relative： ['relətiv] 开启元素的相对定位 absolute： ['æbsəlju:t] 开启元素的绝对定位 fixed：开启元素的固定定位（也是绝对定位的一种）

一般情况父元素的高度不会写死，让他被内容撑开 高度塌陷 设置元素脱离文档流，那就无法撑开父元素的高度，导致父元素的高度丢失 使得页面布局发生混乱 这就叫高度塌陷 将父元素高度固定住 不推荐使用 页面元素中的隐含属性：Block Formatting Context 即块格式化上下文，简称BFC 当开启元素的BFC以后，元素会变成一个独立的布局区域，不会在布局上影响到外面的元素 BFC 理解为一个封闭的大箱子，箱子

如果希望块元素在页面中水平排列，可以使块元素脱离文档流使用float来使元素浮动，使一个元素向其父元素的左侧或右侧移动，从而脱离文档流 可选值： none，默认值，元素默认在文档流中排列 left，向页面的左侧浮动 right，向页面的右侧浮动1:浮动元素会脱离文档流，元素脱离文档流以后，不会再占用文档流的位置，它下边的元素会立即向上移动2:元素浮动以后，元素会尽量向页面的左上或页面右上漂浮3:浮动元素默认不会从父元素中移出4:浮动的元素不会超过他上边的兄弟元素，最多最多一边齐5:如果浮

盒子模型的垂直和水平布局：margin-left border-left padding-left width padding-right border-right margin-right 浏览器规定 水平方向的七个值相加必须要等于父元素内容区的宽度 0 5px 50px 100px 50px 5px 0 ==500 ? 像以上这种，如果不等于的话，浏览器它就会自己去调整这7个值...

盒子模型：文档流（normal flow） 网页是一个多层的结构,设置样式样式，也是一层一层的设置，最终我们看到的最上面的一层 文档流是网页最底层 我们创建的元素默认情况下，都在文档流中 元素分为两种状态：在文档流中，脱离文档流 1:会独占一行 2:块元素的宽度默认是父元素的100% 3:块元素的高度默认是被内容撑开的 1:不会独占一行 2:宽度高...

1、字体长度 2、颜色单位 3、字体样式 4字体的分类以及其他样式.........

列表1:ol 为有序列表，li 表示列表项2:ul 为无序列表 ，li 表示列表项3:di 为定义列表，使用dd对内容进行解释说明注意：列表之间是可以互相嵌套的 ol ul dl li 都是块元素通过type属性更改列表的项目符号 有序列表 项目符号：1（为默认值）、a、i、I、 无序列表 项目符号: disc，默认值，实心的圆点 square，实心的方块 ...

-网页实际是一个多层的结构，通过css可以分别为网页的每一层来设置样式 而最终我们能看到的只有最上边的一层 -设置网页中元素的样式第一种方式：内联样式/行内样式 写在开始标签里，写一个style属性，在style属性值里面写样式 样式分为 样式名:样式值; 名值对的结构 可以写多组样式，以 ; 隔开即可 缺点：1、结构和样式耦合 2、不容易修改第二种方式：内部样式表 在head标签中.

网页结构常用代码格式