布局技巧巧妙利用一个技术更快更好的布局：margin负值的运用文字围绕浮动元素行内块的巧妙运用CSS三角强化margin负值运用让每个盒子margin 往左侧移动 -1px 正好压住相邻盒子边框鼠标经过某个盒子的时候，提高当前盒子的层级即可（如果没有有定位，则加相对定位（保留位置），如果有定位，则加z-index）文字围绕浮动元素浮动最初的目的是实现图文环绕，浮动的图片不会遮盖文字效果演示实现代码
CSS 三角CSS 三角介绍网页中常见一些三角形，使用 CSS 直接画出来就可以，不必做成图片或者字体图标。一张图， 你就知道 CSS 三角是怎么来的了, 做法如下：.box { width: 0; height: 0; border: 50px solid transparent; border-color: red green blue orange; }我们用css 边框可以
* { margin: 0; padding: 0; } ul { list-style: none; } a { text-decoration: none; } .swiper { position: relative; width: 1226px; height: 460px; overflow: hidden; margin: 100px auto;
定位定位概述为什么使用定位我们先来看一个效果，同时思考一下用标准流或浮动能否实现类似的效果？某个元素可以自由的在一个盒子内移动位置，并且盖住其他盒子.https://youku.com/https://www.mi.com/以上效果无法使用标准流或者浮动实现，浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。所以我们要学习定位，定位可以让盒子自由的在某个盒子内移动位置或者固定屏幕
准备工作Photoshop 切图常见的图片格式序号格式特点和常用的用途1jpgJPEG（.JPG）对色彩的信息保留较好，高清，颜色较多，我们产品类的图片 经常用jpg格式的2gifGIF格式最多只能储存256色，所以通常用来显示简单图形及字体，但是可以保存透明背景和动画效果, 实际 经常用于一些图片小动画效果3pngpng图像格式，是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形
边框和阴影圆角边框在 CSS3 中(2009年以后)，新增了圆角边框样式，这样我们的盒子就可以变圆角了border-radius(半径) 属性用于设置元素的外边框圆角border-radius: length; /* 左上 → 右上 → 右下 → 左下（顺时针） */ border-radius: 10px 20px 30px 40px;参数值可以为数值或百分比的形式如果是正方形，想要设置为一个
CSS 三大特性CSS 的三大特性分别是：层叠性、继承性、优先级层叠性CSS（Cascading Style Sheet）层叠样式表，所谓层叠就是叠加的意思，表示样式可以一层一层的覆盖。对一个元素多次设置同一个样式，会使用最后一次设置的属性值样式冲突，就近原则，后定义，后生效样式不冲突，无论定义先后，始终有效div { color: red; font-size: 28px; } div
Emmet 语法Emmet (即之前著名的 Zen Coding) 是一个网页开发者工具，可以大大地提高你的 HTML & CSS 开发效率。中文文档：http://yanxyz.github.io/emmet-docs/官方文档：https://docs.emmet.io/cheat-sheet/快速生成 HTML功能语法示例生成代码后代>div>ul>li <n
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
