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

前端技术 2023/09/02 CSS

一、标签选择符：针对某一类标签，可以以标签作为选择符复制代码代码如下:<style type=\"text/css\">p{color:#F00; font-size:36px;}</style></head><body>&lt...

前端技术 2023/09/02 CSS

多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......于是决定把重叠问题弄清下，把z-in...

前端技术 2023/09/02 CSS

自己做点小程序的时候发现在一个标签中的不同两个类给同一属性设定了不同值的时候，最终属性取值的特点：上面这句话有够拗口的，用例子说明一切吧。 csstest.html: 复制代码代码如下: <!DOCTYPE HTML> <html> <head&...

前端技术 2023/09/02 CSS

请在现代浏览器（IE9+、firefox、chrome、safari、opera等浏览器）中查看效果：复制代码代码如下: #circle {width: 100px;height: 100px;background: red;-moz-border-radiu...

前端技术 2023/09/02 CSS

div中左右居中代码 text-align:center;（水平方向）vertical-align:middle;（垂直方向） line-height:30px;（30px是与设置的div的高度一样）怎么样去掉DIV与DIV的空白状况描述： 1）<di...

前端技术 2023/09/02 CSS

下面我们将使用纯css实现滑动菜单效果，使用 css3 转换和重新创建一般同级连结符选择器。下面我们将讨论三个简单的例子。第一步：写在前面的我们使用了一个叫unicaone的google web字体,在“星形和箭头”示例中我们使用了下面的图片组合第二步...

前端技术 2023/09/02 CSS

css定义超链接是要有先后顺序的。否则，在某些浏览器里面有可能会出现某个样式不起作用的bug。不能正确显示想要的效果。 CSS属性的排列顺序: L-V-H-A 。 L-V-H-A是link、visited、hover、active的简写。它们分别表示 A:li...

前端技术 2023/09/02 CSS

首先现在使用IE6 IE7 等低级浏览器的人已经被时代抛弃，但是顾客就是上帝，时代抛弃他们，我们不能抛弃，但是求求你们快换个高级点儿的吧~ 废话少说复制代码代码如下: <input type=\"button\" value=\"预定\" class=\...

CSS如何美化被选中的文字

前端技术 2023/09/02 CSS

CSS的作用就是用来美化网页的内容或者结构层次。这我们都知道，不是吗？随着CSS技术的不断革新升级，我们获得了更多的控制样式的能力。一个不是那么众所周知的技术就是我们可以在浏览器里美化被选择的文字的样式。Windows自身提供的是一种很难看的墨绿色的颜色，而苹果电脑上提供的是浅...

前端技术 2023/09/02 CSS

复制代码代码如下: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd\"&g...

关闭

我的博客