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

前端技术 2023/09/03 CSS

大家都知道css里面用text-align:center加上margin:0 auto就可以实现水平居中了，但是垂直居中却没有相应的css属性来设置，而如果要设置元素能够垂直居中必须得将容器设置为display:table，然后将子元素也就是要垂直居中显示的元素设置为displ...

CSS下拉菜单简单制作教程

前端技术 2023/09/03 CSS

本文实例为大家分享了CSS下拉菜单的具体实现代码，供大家参考，具体内容如下 XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html> <head> <title>下拉菜单实例|...

前端技术 2023/09/03 CSS

大家在使用低版本浏览器造成这个显示的原因是什么呢。ztree对应的UL宽度固定了，而树节点字数过多，宽度超过UL宽度，显示错行了。处理：UL添加样式 position:absolute; UL父级添加样式position:relative; 原理绝对定位，...

前端技术 2023/09/03 CSS

CSS中存在一些比较特殊的属性，称之为伪类，它们之中最常用的就是定义链接的伪:link，:visited，:hover，:active等。除了它们，还有一些不被常使用的伪类，有:focus，:first-child，:lang等。而且CSS里不光有伪类，还有...

前端技术 2023/09/03 CSS

网页优化的一大首要任务是减少HTTP 请求 (http request) 的次数，例如通过合并多个JS文件，合并CSS样式文件。除此之外，还有一个data URL 的密技，让我们直接把图像的内容崁入网页里面，这个密技的官方名称是 data URI scheme 。什么是 da...

css判读浏览器类型的代码

前端技术 2023/09/03 CSS

CSS代码中，则可以根据各浏览器自己独立的可识别的特殊代码来编写区分浏览器的代码，例如为IE系列浏览器可读[\\9]，而IE6和IE7可读[*]，另外IE6可辨识[ _ ](下划线)；由于CSS读取时是按从上到下来的，同样属性靠后写的生效，因此可以依照顺序写下...

前端技术 2023/09/03 CSS

html中水平衡线hr默认高度是两个像素，其中border-top高1px，且颜色为黑，border-bottom高1px颜色为灰，这时看着是阴影效果去掉阴影效果很简单，只需在css里把border-bottom或border-top属性设置一个为none即可...

发现两个有趣的CSS3动画效果

前端技术 2023/09/03 CSS

一、CSS3画机器猫哆啦A梦效果图：可用于浏览器对CSS3支持情况的测试但最近有人对这个测试表示怀疑，指该测试使用了偏向性代码，测试的CSS代码偏向于支持Chrome，Safari等Webkit浏览器。二、纯CSS3动画发现一个有趣的CSS3效果，可以研究研究，先...

前端技术 2023/09/03 CSS

伪元素我们知道随着CSS规范进一步完善，新增的CSS伪元素越来越多，但是在日常开发中，我们常用的及浏览器支持情况比较乐观的当数before和after了。但是我们在日常开发中使用的都是:after {content: ”;}来清除浮动，及新增一个元素（照顾到IE8浏览器这里使用...

前端技术 2023/09/03 CSS

复制代码代码如下:{ display: none; /* 不占据空间，无法点击 */ } { visibility: hidden; /* 占据空间，无法点击 */ } { position: absolute; top: -999em; /* 不占据空间，无法点击 */ } ...

关闭

我的博客