CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/05 CSS

在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性，比如：复制代码代码如下: <style> #footer { m...

css 文本两端对齐应用实例

前端技术 2023/09/05 CSS

在做表单时我们经常遇到让上下两个字段对齐的情况，比如姓名，手机号码，出生地。这样我们就要用到 text-align， text-justify样式了。 text-align直接设为justify就行了，text-justify的情况相对比较复杂 IE的取值如...

css布局小技巧分享(必看)

前端技术 2023/09/05 CSS

1.max-width: 当页面左右宽度缩小时，为了避免出现左右滚动条的糟糕体验，就可以用到max-width啦！页面比宽度小时，会自动缩小哦～ CSS Code复制内容到剪贴板 max-width : 500px; margin: 0 auto; } ...

前端技术 2023/09/05 CSS

近期工作要做一个用于图像定位的标识，为了让这个指示标识不死板，决定做个简单的动画，动画效果像波浪一样波动，这样标识就更美观好看了，喜欢的同学可以跟着来学，十分简单，欢迎指正交流。先上效果图：本动画需要用到的主要属性：animation, transition 和 Keyfr...

css sprite简单实例

前端技术 2023/09/05 CSS

css sprite直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。本文章向码农们介绍css sprite使用方法和基本使用实例，需要的码农可以参考一下。一、什么是css sprites css sprites直译过来就是CSS精灵。通常被解释为“...

用CSS背景属性代替图片SRC

前端技术 2023/09/05 CSS

不久之前, 我介绍了一个使用WordPress 原生缩略图的小技巧, 关于如何使用 WordPress 上传图片生成的缩略图作为文章列表中的预览图, 并且留下了两个问题给同学们思考, 第一个问题是: 如果图片高度或者宽度不足 150px, 这样做必然将图片拉伸,...

前端技术 2023/09/05 CSS

特殊性是什么在对一个HTML元素应用CSS样式时，常常有很多种方法可以找到元素，比如： CSS Code复制内容到剪贴板 <div id=\"container\" class=\"wrap_sty\"> <p class=\"pra\"...

前端技术 2023/09/05 CSS

如今做网页为了使网站丰富多彩，富于表现力，往往需要应用大量的图片/图标。如何处理这些图片，使其尽量不影响网页载入，解析等速度，是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无比，但是需要等待较长的时间加载，那么相信很多用户会等不及而离开。尽量将图片做...

前端技术 2023/09/05 CSS

Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。 Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素超出可用空间时将自动缩小。总之，Flex元素是可以让你的布局根据浏...

前端技术 2023/09/05 CSS

本文实例讲述了CSS实现的中英文双语菜单效果代码。分享给大家供大家参考。具体如下：这是一款你一定喜欢的CSS中英文双语菜单，支持鼠标特效，先运行一下看效果，绝对会另你满意。用到了一个背景图片，请自行下载。运行效果截图如下：在线演示地址如下： http://demo.p...

关闭

我的博客