CurryCoder

1.某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子。 2.当我们滚动窗口的时候，盒子是固定在屏幕的某个位置。 以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。所以： 浮动可以让多个盒子在一行没有缝隙的排列显示，经常用于横向排列的盒子。 定位则是可以让盒子自由…

实际开发中，不会直接用链接a，而是用li包含链接(li+a)的做法。 如果直接使用a，搜索引擎容易辨识为有堆砌关键字嫌疑(故意堆砌关键字，容易被搜索引擎有降权的风险)，从而影响网站的排名。 使用PS中的Cutterman工具对学成网首页.psd文件进行切图，提取出logo.pn…

jpg图像格式：JPEG（JPG）对彩色的信息保留较好、高清，颜色较多，我们产品类的图片经常用jpg格式的。 gif图像格式：GIF格式最多只能存储256色，所以通常用来显示简单的图形及字体，但是可以保存透明背景和动画效果，实际中经常用于一些图片小动画效果。 png图像格式是一…

标准流比较难以实现，虽然将块级元素转换为行内块元素可以实现一行显示，但是它们之间会产生大的空白间隙，间隙的宽度很难人为控制。 总结：有很多的布局效果，标准流没有办法完成，此时就可以利用浮动完成布局。因为浮动可以改变元素标签默认的排列方式。 浮动最典型的应用：可以让多个块级元素在…

页面布局要学习三大核心，盒子模型、浮动和定位。学好盒子模型能非常好的帮助我们布局。 盒子模型：就是把HTML页面中的布局元素看成是一个矩形的盒子，也就是一个装着内容的容器。 CSS盒子模型的本质是一个盒子，封装周围的HTML元素，它包括：边框、外边距、内边距、实际的内容。 CS…

通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 一般情况下，元素背景颜色的默认值是transparent(透明)，也可以通过手动指定背景颜色设置为透明色。 background-image属性描述了元…

作用：网页的标签很多，在不同的地方会用到不同类型的标签，了解它们的特点可以更好的布局我们的网页。 元素显示模式就是元素(标签)以什么方式进行显示，例如<div>自己占一行，一行中可以放多个<span>。 HTML元素一般可以分成块元素和行内元素两种类型。 常见的块元素有<h1>…

后代选择器也称为包含选择器，可以选择父元素里面的子元素。其写法就是把外层标签写在外面，内层标签写在后面，中间用空格分开。当标签发生嵌套时，内层标签就成为外层标签的后代。 上述语法表示选择元素1中所有的元素2(后代元素)。 元素1是父级，元素2是子级，最终选择的是元素2。 元素1…

Emmet语法的前身是Zen coding，它使用缩写来提高html/css的编写速度，Vscode内部已经集成该语法。 生成标签：直接输入标签名按下tab键即可。例如div按下tab键，就可以生成<div></div> 如果想要生成多个相同标签，加上*就可以了。例如div*3…