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

前端技术 2023/09/05 CSS

有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline-block制作的居中效果，不过留...

前端技术 2023/09/05 CSS

在下图中有一个dojo的select，当选项过长，在IE9中没法显示正确。 css设置如下，\"overflow:hidden\"没有起作用。复制代码代码如下: .my-select { max-width: 200px; overflow: hidden;...

前端技术 2023/09/05 CSS

背景(background)是css中一个重要的的部分，也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法，包括诸如 background-attachment 等的属性，也会介绍一些有关背景(background)的常用技巧，以及...

前端技术 2023/09/05 CSS

IE浏览器，div模拟滚动条，div宽度小于18 滚动条不滚动环境 win7 IE 10 代码：复制代码代码如下: <!DOCTYPE html> <html> <head> <title>scroll<...

css实现叶子形状loading效果

前端技术 2023/09/05 CSS

本文实例讲述了css实现叶子形状loading效果的方法。分享给大家供大家参考。具体实现方法如下：复制代码代码如下:<!doctype html> <html> <head> <style type=\"text/css...

前端技术 2023/09/05 CSS

复制代码代码如下: <style> #demo{ margin: 0 auto; width: 1000px; height: 500px; background: #eee; overflow: hidden; /*垂直显示，改变参照物*/ /*-webkit-w...

前端技术 2023/09/05 CSS

其实按照常理来说，现在的网站应该早已经抛弃什么表格了，现在肯定是DIV+CSS当道嘛！不过客户的网站在添加内容的时候始终不满意那些边框效果：要么没有，要么很粗。看得出来，这位客户是位完美主义者。在默认的情况下，我们的CSS将Table的边框清除掉了，是没有的，看到的效果是这样...

前端技术 2023/09/05 CSS

乱码引起的CSS失效原理：由于一个中文是两个字符组成，在编码不一致的情况下会引发字符的“重新”组合，（半个汉字的编码字符与后面的字符组合生成新的“文字”）引发原本的结束符合“变异”，从而导致找不到结束符号，使得后面的CSS就会失效。小技巧1：CSS中出现的乱码都是由于CSS...

前端技术 2023/09/05 CSS

当鼠标移到div1上的时候，会出现div2。出现时div2在div1的上面，div2在出现后发生闪烁的问题。于是开始找问题根源，发现原来是因为当我们触发div1的时候，div2出现，但是div2是存在于div1上面的，所以当div2出现后，会又一次触发下面div1的事件。通常...

前端技术 2023/09/05 CSS

background 属性是background-color，background-image，background-position，background-attachment，background-repeat，这五个属性的缩写，优点是比单个属性书写要简单，...

关闭

我的博客