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

前端技术 2023/09/08 CSS

以前写过《IE8的css hack》，ie9一出css hack也该更新，以前一直没关注，今天在内部参考群mxclion分享了IE9的css hack，拿出来也分享一下：复制代码代码如下: select { background-color:red\\0; /...

前端技术 2023/09/08 CSS

样式表的文字处理属性中有两个重要的属性：writing-mode和text-align。让我们先看看它们的用法：　　1. writing-mode（设置对象书写方向）　　语法：writing-mode : lr-tb、tb-rl　　参数：lr-tb：从左向右，从上往下　t...

前端技术 2023/09/08 CSS

今天，学习溢出文本text-overflow的时候，犯了一个错误，特此记录。 text-overflow有两个属性值，clip和ellipsis。clip 表示不显示省略标记（…），而是简单的裁切；ellipsis代表当对象内文本溢出时显示省略标记（…）需要注意的是，要想这...

一个CSS字体的写法示例说明

前端技术 2023/09/08 CSS

偶然在书上,看到CSS字体的这种写法 font:12px/1.6 ; 没明白什么意思,问了一下,好多人都不知道,试了几次明白了: 代表是字体大小是12px 行距是1.6em 也就是说等同于: font-size:12px; line-height:1.6em;...

前端技术 2023/09/08 CSS

废话不多说了，直接给大家贴html代码了，具体代码如下所示： XML/HTML Code复制内容到剪贴板 <head> <title>网页换肤</title> <meta http-equiv=\...

前端技术 2023/09/08 CSS

复制代码代码如下: <!DOCTYPE HTML> <meta charset=\"UTF-8\"> <head> <script src=\"jquery-1.8.2.min.js\"></script> <s...

前端技术 2023/09/08 CSS

一、纯CSS实现昨天在网上闲逛时，看到一个博客的页面最顶部有一个进度条特效，感觉挺好的，就分析了一下代码，找出了其中的关键部份，使用纯CSS实现的，给大家分享一下。复制代码代码如下:<style type=\"text/css\">body{ margin:0;...

CSS中单位px与em的区别(推荐)

前端技术 2023/09/08 CSS

用px来定义字体，无法用浏览器字体放大功能，而国外大多数网站可以在IE浏览器中使用。原因: 　　1.IE无法调整px为单位的字体大小。　　2.国外大部分使用em为字体单位。 px，em都为相对长度单位，　　px是相对于显示器分辨率而言的。　　em是相对于当前对象内文本的...

前端技术 2023/09/08 CSS

这效果看起来挺炫，但原理并不复杂，能实现一片花瓣动起来，就能实现9片花瓣。效果的叠加而已。 HTML：复制代码代码如下: <section class=\"demo\"> <div class=\"box\"> <div clas...

前端技术 2023/09/08 CSS

在一个大的div里有2个横列(DIV)，并且在大的div里加入背景图片。可是改好后，在Firefox下却无法正确显示背景图片。代码是这样的： 1.HTML(样本)：复制代码代码如下: <div id=\"footer\"> <div id=\...

关闭

我的博客