qq_39135938的博客

原创 在黑马学习CSS的第五天，学成在线页面实战

页面实战准备工作常见的图片格式PSD 文件对前端工程师而言，最大的优势是：复制文字获得图片测量大小和距离CSS 属性书写顺序(重要)CSS 的书写顺序会影响到浏览器的渲染性能，书写顺序记忆套路如下：找位置 —— 标准流、浮动、定位圈地盘 —— 宽高、间距、边框、背景定内容 —— 文本、颜色、下划线、对齐、文本换行做点缀 —— 鼠标形状、边框圆角、阴影、文本阴影页面布局整体思路确认版心，居中可视区域，需要测量；确认行模块（父级标准流）和列模块（子级浮动）；从上到下

原创 在黑马学习CSS第四天，重点

CSS第三天盒子模型案例（昨日总结）案例小结:开发步骤:分析页面结构（如果内容太多，可以后续补充）编写公共样式从上向下从第一个大盒子开始(最外侧盒子需要有注释，辅助 CSS 分段和阅读)从上向下，从左向右依次编写小盒子样式，直到一个大盒子完成如果小盒子比较复杂可以：开始前增加背景颜色辅助调试结束后删除背景颜色分隔线的实现技巧:使用 padding 可以让分割线比文本长取消无序列表的小圆点：list-style: none;列选择快捷键:ctrl + alt + s

原创 在黑马学习CSS第三天，基本已经半成了

盒子模型CSS 三大特性CSS 层叠性在开发中出现样式层叠的情况：对一个元素多次设置同一个样式，会使用最后一次设置的属性值原则：样式冲突，就近原则，后定义，后生效样式不冲突，无论定义先后，始终有效CSS（Cascading Style Sheet）层叠样式表，所谓层叠就是叠加的意思，表示样式可以一层一层的覆盖。CSS 继承性CSS 的继承性的好处：可以从一定程度上简化代码继承是子元素会继承父元素的某些样式，如文本颜色、字体属性等。行高的继承行高不跟单位表示文字大小的倍数，例如 1.

原创 黑马学习CSS第二天，芜湖，起飞~

CSS 复合选择器emmet 语法通过简写提高编码效率emmet 语法生成 html 标签N：连续生成 N 个，举例：div*5父>子：生成父子关系结构，举例：ul>li*5兄+弟：生成兄弟关系结构，举例：h1+div2+h4+p2.class / #id：生成带 class 或 id 的div，举例：.red / #apptag.class / tag#id：生成带 class 或 id 的 tag，举例：p.red/ span#navemmet 语法快速生成 css 样

原创 在黑马学习CSS的第一天

CSS第一天CSS简介CSS的主要场景是美化网页，布局页面的CSS是层叠列表样式（Cascading Style Sheets）的简称，有时我们也会称之为CSS样式表或级联样式表CSS也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS语法规范CSS 规则由两个主要的部分构成：选择器以及一条或多条声明。选择器：改谁的样式 样式声明：改成什么样式CSS

原创 在黑马学习HTML入门第二天

学习html第二天表格表格标签:table：表格标签，包含多个trtr：表格中的行，包含多个tdtd :表格中的单元格，写内容table和tr只能打见表格结构，不能存放实际内容td存放单元格数据th表头单元格，一般第一行标题使用，和td一样可以存放内容，但内容呢会加粗并居中表格属性： **属性名** **属性值** **描述** align left、center、right 表示对齐方式左

原创 在黑马学习HTMl入门第一天