qq_45367492的博客

确定版心.w{ width: 1200px; margin: auto;}划线部分制作两种思路1）div高同logo一样，然后用padding撑上下2）直接高就是head区域的高，然后用padding-top撑下来.header { height: 42px; /* background-color: pink; */ /* 注意此地方会层叠 w 里面的margin */ margin: 30px auto;}/*.logo { ..

目录JavaScript学习目标初识JavaScriptJavaScript的三种书写方式JavaScript注释JavaScript输入输出语句变量的使用能够说出变量的主要作用能够写出变量的初始化能够说出变量的命名规范能够画出变量在内存中存储能够写出交换变量案例变量概述变量的使用变量语法扩展变量命名规范交换变量案例JavaScript学习目标能够说出JavaScript是什么能够指导JavaScript的发展历史能够说出浏览器执行JavaScript的原理能够说出JavaScript由哪三部分

目录文字围绕浮动元素行内块的巧妙应用这种鼠标放上去边框会变色的效果思路：每个li都会有个1px的边框，浮动的时候1px边框会重叠在一起，所以解决重叠边框的方法就是让每个li左移1px，但是此时鼠标放上去会显示三个框，因为另外一个框被压在了下面解决办法：1）提高鼠标停留时div的层级（针对li盒子里面仍然存在决对定位，父元素只能使用相对定位，子元素不能改为相对定位的情况）2）如果盒子没有定位，则鼠标经过添加相对定位即可文字围绕浮动元素图片左浮动，文字自动会围绕图片行内块的巧妙应用

目录能够说出为什么需要定位定位静态定位（了解）：相对定位(自恋型，重要)绝对定位（拼爹型）固定定位粘性定位（了解）定位的叠放顺序：z-index综合案例网页布局总结绝对定位的盒子居中定位的特殊性元素的显示与隐藏能够说出定位的4种分类能够说出4种定位各自的特点能够说出为什么常用 子绝父相对布局能够写出淘宝轮播图布局能够说出显示隐藏的2种方式以及区别能够说出为什么需要定位定位应用场景:有时侧边栏需要固定不随滑轮滚动而动，这种效果需要定位来实现所以：1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用

修改了css样式，新样式并没有出现考虑：是否是选择器层级问题对子元素进行浮动之后，父元素宽度变为0，底部元素浮上来考虑：父元素是否没有设置宽度，以及清除浮动的问题

目录为什么需要浮动浮动的排列性什么是浮动浮动特性1. 脱标性2.顶端对齐3.行内块元素特性3种常见的布局方式为什么需要清除浮动清除浮动的方法案例：页面布局为什么需要浮动标准流（普通流/文档流）：就是按照标签默认方式排列，但有时候这种 排列无法满足我们的需要，所以我们需要标准流，浮动，定位三者共同完成页面布局浮动的排列性当用display：inline-block时，会造成盒子之间存在间隙如何实现两个盒子左右对齐？网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动什么是浮

目录能够准确阐述盒子模型的4个组成部分能够利用边框复合写法给元素添加边框能够计算盒子的实际大小能够利用盒子模型布局模块案例、能够给盒子设置圆角边框能够给盒子添加阴影能够给文字添加阴影能够准确阐述盒子模型的4个组成部分边框border可以设置元素的边框边框由三部分组成：边框宽度，样式，颜色语法：border-width value：单位是pxborder-style value：（边框的样式常用）：solid实线边框，dashed虚线边框，dotted点线边框border-color

元素显示模式块元素常见：<h1>~<h6 <p> <div> <ul> <ol> <li>特点：（1）独占一行；（2）可调宽高，内外边距；（3）宽度默认是是容器（父级宽度）的100%，是一个容器及盒子，里面可以放行内或者块级元素●注意：文字类的元素内不能使用块级元素行元素常见：<a> <strong> <b> <em> <i> <span>

回顾Day01：1.字体属性连写需要注意顺序2.如何让加粗字体不加粗显示，如何让斜体字体不倾斜（font-style：normal）CSS文本属性color：十六进制，或者预定义，或者rgb(255,0,0)text-align:作用：用于设置文字的水平对齐方式属性值：left，right，center（是让盒子里的元素在盒子中对齐）在活动范围内居中，块级元素span不适用text-decoration：文本的修饰，上划线，下划线，删除线value：none,underl

行内元素最常用：span标签特征：设置宽高无效margin仅左右有效，上下无效，padding设置上下左右都有效，会撑大空间不会自动换行可以用display:inline设置元素为行内元素块状元素最常见：div，p特征宽高调节有效margin padding上下左右对其都有效可以自动换行多个块级元素拼在一起默认方式从上到下可以用display:block设置元素为块状元素行内块状元素可以用display：inline-block将元素改为行内块状元素行内块状元素类

1.1CSS语法规范：CSS样式与规则：选择器（选择HTML中常见的标签）以及一条或多条声明（声明HTML的样式）p { color: red; fontsize: 12px; }1.2格式规范2.1选择器作用类别2.1.1标签选择器：标签名作为选择器优点：快速指定某一类标签缺点：无法区别出来2.1.2类选择器给标签取一个类名，然后用*.类名*调用样式点定义，结构类调用类选择器的特殊使用—多类选择器：优点：将相同的样式放在同一个类里面，方便统一修改。这些标签

史上最全最实用HBuilder快捷键大全一、文件操作二、编辑操作三、插入操作四、转义操作五、选择操作六、跳转操作七、查找操作八、运行九、视图一、文件操作 新建菜单： ctrl + N 新建： ctrl + N 关闭： ctrl + w 全部关闭： ctrl + shift + w 保存： ctrl + s 全部保存： ctrl + shift + s...