随笔分类 - CSS
摘要：预编译的原理都是通过能读取文件的语言编写的插件把文件解析成css文件，因为他们的文件名都不是css，写法也不是纯css，是无法被浏览器识别的，所以写完需要编译一下才能使用，这就是预编译 文中的代码例子来自博客 目前三个最常见的工具 sass，2007年诞生，最早也是最成熟的CSS预处理器，拥有rub
阅读全文
摘要：当用户访问ip地址，比如 ==www. aa .com/bb/cc/dd.html== 正常情况下是访问一个叫aa.com的服务器里的bb文件夹里的cc文件夹里的dd.html这个文件（其实很多情况都是假的地址，做了服务器代理，前端路由等安全处理，就先这么理解吧！） 然后服务器读取本地的dd.htm
阅读全文
摘要：把响应式布局和动画放在一起写是因为他们有个共同点 符号 先讲讲响应式布局 响应式布局==曾经==非常的流行，这种布局方式可以做出一也兼容一切设备的页面，但是当页面的功能越来越多，css文件越来越大，兼容难度越来越大，js也会很难写，于是他们离开了历史的舞台， 如今流行的还是 ，pc用css适配实现，
阅读全文
摘要：鲁先生曾经说过："html和css都不能算一门语言..." html确实不能算一门语言，他只是二三十个英语单词而已，但是css不一样，css是==艺术== 骚操作 上图的12个图标每一个用一个div和两个伪类和动画实现的，很秀 来自一个大佬是教程，代码我就不复制了 "B站视频地址上集" "B站视频地
阅读全文
摘要：去除浮动 内盒子模型（之前讲过浏览器默认的是context box标准盒子模型，但是最好用的还是内盒子模型，内盒子模型的width和height是包括border和padding的，往一个宽高固定的内盒子添加padding和border，本身的width不会改变，是原本的内容区域被减少了） 清洁自带
阅读全文
摘要：在html篇里提到设置视口宽度和设备宽度，固定的meta配置就是写死的，死记硬背 应该清楚的是手机端的适配应该克服的难题就是宽度根据手机屏幕的大小变化，而高度却没有办法跟随比例变化，也就是宽高比，比如在手机上要一行上排列三个div放正方形的三个div，要怎么做，三个div浮动排列后各自设置width
阅读全文
摘要：如何实现一个左中右的布局 在flex出现之前 使用flex 上面看起来flex也没什么牛逼的地方啊 但是当你试着去 left里放上一张不知道高度的图片时，你会知道中间和右边的字要做到 是多么的困难，而flex只需要在 box里加上一句 就行,flex真香了，这个属性是最常用的，而flex还有大量的功
阅读全文
摘要：如何查看一个标签的当前css样式 如上图所示 1. 先用标签选择器选择某个标签 2. 然后在elements区域就会自动找到该标签 3. 然后在右侧的styles区域整个区域都是该标签的样式，从上到下是显示的优先级，被划掉的Style就是说明是被另一个样式覆盖了 4. 把鼠标移动到style的样式上
阅读全文
摘要：css3跟html5一样是css的最新版本，但也是很多年前了 css3更新了 1. max/min width/height 最大最小宽高 2. border radius 圆角 3. background（image，size，repeat，position，Origin，clip） 背景，可以用
阅读全文
摘要：如果说html只是一些标签，css就是装修装饰标签的皮肤 有些html是有默认自带一些css样式的，正常情况下是需要把默认样式去掉的，因为会影响页面样式，而且默认的很不美观，比如，body标签自带8px的margin，p标签自带上下margin，ul里的li自带黑色的点，按钮自带背景颜色，borde
阅读全文
浙公网安备 33010602011771号