摘要：
文件 功能热键（Windows / Linux）热键（macOS） 新 Ctrl + N Command + N 新窗户 Ctrl + Shift + N Command + Shift + N 新标签 （不支持） Command + T 打开 Ctrl + O Command + O 快速打开 C 阅读全文
摘要：
类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现! 本质:让一个元素在页面中隐藏或者显示出来。 display显示隐藏 visibility显示隐藏 overflow溢出显示隐藏 13.1 display 属性 display属性用于设置一个元素应如何显示。 display: 阅读全文
摘要：
12.1 为什么需要定位 当标准流或浮动都无法快速实现，此时需要定位来实现。 所以∶ 1．浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 2．定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 12.2 定位组成 定位︰将盒子定在某一个位置 阅读全文
摘要：
为了提高网页制作的效率，布局时通常有以下的整体思路︰ 必须确定页面的版心(可视区)，我们测量可得知。 分析页面中的行模块，以及每个行模块中的列模块。其实页面布局第一准则. 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置.页面布局第二准则 制作 HTML结构。我们还是遵循，先有结构， 阅读全文
摘要：
生活中衡量一个人有气质:穿着打扮举止言行等等,编程中如何衡量一个人的代码能力?规范标准优雅高质量等等一个词形容专业从代码中看出是否有经验.. 建议遵循以下顺序： 布局定位属性：display / position / float / clear / visibility / overflow（建议 阅读全文
摘要：
9.1传统网页布局的三种方式 网页布局的本质——用CSS来摆放盒子。把盒子摆放到相应位置CSS提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)∶ 普通流(标准流) 浮动 定位 9.2 标准流（普通流/文档流) 所谓的标准流:就是标签按照规定好默认方式排列. 块级元素会独占一行，从上向下顺序 阅读全文
摘要：
8.1 圆角边框 在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius属性用于设置元素的外边框圆角。语法: border-radius : length; radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果 参数值可以为数值或百分比的形式 如果 阅读全文
摘要：
PS基本操作 因为网页美工大部分效果图都是利用PS ( Photoshop )来做的，所以以后我们大部分切图工作都是在PS里面完成。 文件→打开:可以打开我们要测量的图片 Ctrl+R:可以打开标尺，或者视图→标尺 右击标尺，把里面的单位改为像素 Ctrl+加号(+)可以放大视图，Ctrl+减号(- 阅读全文
摘要：
7.1 看透网页布局的本质 网页布局过程∶ 先准备好相关的网页元素，网页元素基本都是盒子Box。 利用CSS设置好盒子样式，然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质:就是利用CSS摆盒子。 7.2 盒子模型(Box Model )组成 所谓盒子模型︰就是把HTML页面中的布局元素 阅读全文
摘要：
CSS的三大特性 CSS有三个非常重要的三个特性∶层叠性、继承性、优先级。 6.1 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠)另一个冲突的样式。层叠性主要解决样式传统的问题 层叠性原则: 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 6 阅读全文