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

前端技术 2023/09/09 CSS

复制代码代码如下: [html] <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"> &l...

前端技术 2023/09/09 CSS

以前处理垂直居中用的方法是设置div的height和line-height是一样的值，现在就不用那么麻烦了。只要设置元素的box-pack和box-align即可，这两个属性当前只有webkit和moz支持。其中box-pack控制的是水平的左和右，取值有：st...

前端技术 2023/09/09 CSS

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：　　颜色　　16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：　　#000000可以缩写为#000;#336699可以缩写为#369; 　　盒尺寸　　通常有下面四种书...

详解CSS中iconfont的使用

前端技术 2023/09/09 CSS

初识iconfont 就算我们一开始不懂这个英文不懂是干嘛的，对于iconfont，英文从后往前读应该叫做：字体图标。这里面已经包含两个概念，首先必须是字体，第二，就是图标。我们都知道网页中的字体我们可以控制大小、样式、变形、拉伸、默认字体等属性，所以这个iconfont必须是...

前端技术 2023/09/09 CSS

word-break:keep-all；字体不断开 table-layout:fixed;列宽由表格宽度和列宽度设定，默认由表格的内容决定列宽。 white-space:nowrap： HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。但使用...

前端技术 2023/09/09 CSS

RM8005: IE6 IE7 IE8(Q) 中行内元素后相邻的浮动元素在某些情况下会折行放置在之前行内元素所在行框的底部标准参考 W3C CSS 2.1 规范文档里对于浮动元素与非浮动行内元素相邻时的情况有如下解释。以下是关键段落： A floated box is sh...

前端技术 2023/09/09 CSS

一、overflow指定盒中容纳不下的内容的显示方法。 1.适用范围：块级元素 2.可取值：visible：不剪切内容(默认)。hidden：将超出对象尺寸的内容进行裁剪，将不出现滚动条。scroll：将超出对象尺寸的内容进行裁剪，并以滚动条的方式显示超出的内容。auto：...

前端技术 2023/09/09 CSS

上午的时候我在jQuery论坛上看到网友分享的一款CSS3 3D图片侧翻倾斜特效，觉得效果非常棒，其实话说回来，这玩意儿的实现真的非常简单，主要是创意不错。先来看看效果图。如何，看上去挺不错吧，倾斜、阴影，让一张很普通的图片变得如此霸气。另外你也可以在这里查看DEMO演示，...

CSS3绘制有活力的链接下划线

前端技术 2023/09/09 CSS

链接下划线是非常常见的一种样式，最近做了一个非常简单的视觉效果，非常不错，完整代码查看。 XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html> <head> <meta char...

前端技术 2023/09/09 CSS

CSS多边框 Backgrounds & Borders Level 3 还是一份草案的时候，CSS WG 就在是否支持多重边框的问题进行了大量的探讨，就像是讨论多重背景图片一样。不幸的是，当时认为多重边框的用处并不大，即使需要也可以使用border-image属性来模...

关闭

我的博客