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

前端技术 2023/09/02 CSS

解答一：层叠指的是样式的优先级，当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式（除非使用!important标记）2. id选择符>（伪）类选择符>元素选择符3. 权重相同时取后面定义的样式以下是一段经典的html，三个类名分...

前端技术 2023/09/02 CSS

本文实例为大家分享了CSS3制作圆角和椭圆形图片的方法，供大家参考，具体内容如下 1、圆角图片 XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html> <head> <style&gt...

前端技术 2023/09/02 CSS

CSS语义化命名从上图我们可以大概看出这里有两种CSS的命名方式：1、结构化命名法；2、语义化命名法。结构化命名法：根据页面中板块的位置而命名，如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边，那么这时content-left板块却在右...

CSS 鼠标样式和手指样式整理

前端技术 2023/09/02 CSS

巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：任意标签中插入 style=\"cursor:*\" 例子：<span style=\"cursor:*\">文本或其它页面元素</sp...

前端技术 2023/09/02 CSS

自动换行问题，正常字符的换行是比较合理的，而连续的数字和英文字符常常将容器撑大，挺让人头疼。下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后...

font-size定义为0在IE6下的妙用

前端技术 2023/09/02 CSS

我在做网站项目的时候通常需要定义一个高度为10px以下的div.代码如下: 复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3...

前端技术 2023/09/02 CSS

ie6 中 li 插入图片后下方有空隙 bug，这是 ie6 的有一个经典 bug。解决该 bug 有很多方法，今天我整理了下，共4种方法，给大家分享下。首先附上代码：复制代码代码如下: <!DOCTYPE HTML> <html lang...

前端技术 2023/09/02 CSS

图片的居中显示css有很多方法，但在很多情况下有的方法无效，这是件很头疼的事情，在研究wordprss程序的时候，无意发现这个系统的官方处理图片居中，居左，居右的css写法，分享一下！比如一个图片的<img class=”alignleft “>，居左，设置图片的...

前端技术 2023/09/02 CSS

:target是什么？ MDN是这样描述的：:target The :target pseudo-class represents the unique element, if any, with an id matching the fragment identifi...

前端技术 2023/09/02 CSS

复制代码代码如下: /*css3 2D图片转动样式*/ .leftyyy //向左转动30度，这个30度是我自认为的。可以拿去测试就知道了-30向左，30向右 { transform:rotate(-30deg); -webkit-transform:rotate(-30deg...

关闭

我的博客