响应式网站设计尺寸规范：前端开发响应式布局常用分辨率有哪些尺寸
摘要：尺寸：320px 320px是最小的移动设备屏幕尺寸，也是最常见的尺寸之一。这个尺寸通常用于iPhone 4和iPhone 5等较小的手机屏幕。在响应式网站设计中，我们需要为这个尺寸设置相应的样式，以确保网站在这个尺寸下也能够正常显示。 尺寸：480px 480px是另一个常见的移动设备屏幕尺寸。这
阅读全文
posted @ 2023-09-18 12:02
随笔分类 - css
rem自适应
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2021-12-03 23:53
jquery DOM模型添加 删除
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
阅读全文
posted @ 2021-04-27 10:49
CSS里总算是有了一种简单的垂直居中布局的方法了
摘要：无标题文档 CSS里总算是有了一种简单的垂直居中布局的方法了！
阅读全文
posted @ 2016-10-25 10:04
CSS3自定义滚动条样式 -webkit-scrollbar
摘要：滚动条组成： ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） :
阅读全文
posted @ 2016-10-17 13:59
css中对于文字溢出时的控制
摘要：css中对于文字溢出时的控制可以通过text-overflow:clip|ellipsis作溢出控制；其中clip只是作简单的裁切；ellipsis在裁切的同时添加"..."，这种方式比js截取字符的方式要好些（针对搜索优化seo）。但是text-overflow:clip|ellipsis火狐下是不支持的。那么我们如何来控制火狐下文字溢出呢？在这里介绍两种方法：方法一：你可以看到火狐下被截取的文本后面也添加了"..."，那么这是如何做到的呢，代码如下：View Code <!DOCTYPE html PUBLIC "-//W3C//DT
阅读全文
posted @ 2012-04-25 17:53
如何使用:before和:after伪元素?
摘要：如果你有一直密切关注各个关于网页设计的博客，你大概会注意到，:before和:after伪元素已经在前端开发界得到越来越多的关注，并且是有很好的理由。特别是，有个博主（位于伦敦的一位开发者Nicolas Gallagher），他对伪元素的应用尝试，给伪元素带来震撼的曝光机会。这84个GUI图标是用伪元素和语义化的HTML创建的。查看demo为了补充和加强本次的曝光(并利用发展趋势带来的好处)，我整理了一份自认为比较完整的关于伪元素的“前世今生”。本文针对那些见识过伪元素一些应用的酷炫效果，想自己尝试做，但是要先了解这门CSS技术的读者。虽然CSS规则包括其它的伪元素，但是在本文，当我提到伪元素
阅读全文
posted @ 2012-03-02 13:26
css盒子（box）
摘要：CSS盒子(CSS box)首先要清楚，CSS中没有box这个属性。CSS的盒子(box)是由以下几个部分组成的：内容(content)、填充(padding)、边框(border)和边界(margin)。盒子的内容当然是必须有的，而填充、边框和边界都是可选的。盒子里由外至里依次是：margin 边距 border 边框 padding 间隙 (也有人称做补丁) content (内容，比如文本，图片等) CSS 边距属性 (margin) 是用来设置一个元素所占空间的边缘到相邻元素之间的距离。CSS 边框属性 (border) 用来设定一个元素的边线。CSS 间隙属性 (padding) 是
阅读全文
posted @ 2012-03-02 13:08
