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

前端技术 2023/09/02 CSS

描述：有一个div，宽高都是10px，font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。这其实是经典的IE6的高度问题。div默认存在3个像素高，由font-size引起的。所以解决办法有如下两种： 1、设置fo...

CSS基础知识之float详解

前端技术 2023/09/02 CSS

前段时间写过一篇CSS基础知识之position，当时对float的理解不太准确，被慕课网多名读者指出（原文已修正，如有误导实在抱歉）。现对float进行更深入的学习，在此把学习心得分享给大家。浮动的基础知识浮动有4个属性：left（左浮动）、right（右浮动）、none...

前端技术 2023/09/02 CSS

由于游戏类官网在页面背景和装饰人物的设计上追求画丽且与游戏风格想匹配，这就给前端页面制作人员带来了很多的麻烦，一个页面的制作主要时间和精力花费在兼容ie6上，而dd_belatedpng.js法引入js文件复制代码代码如下:<!--[if IE 6]><s...

前端技术 2023/09/02 CSS

1. 继承性 CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定 html 标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于 p 标签，这个颜色设置不仅应用 p 标签，还应用于 p 标签中的所有子元素文本，这里子元素为 sp...

前端技术 2023/09/02 CSS

这周公司要出sp3了，忙着测试产品包，我负责测试js的产品包，必须保证每一个范例都可以运行，测试了一天发现了不少问题，其中一个就是使用select的范例在ie8时显示出问题，ie7下直接显示不了option，经过查资料将其兼容了，这里记录一下。方法1：代码如...

前端技术 2023/09/02 CSS

面试官：请你谈谈标准(Standards)模式、怪异(Quirks)模式、准标准(Almost Standards)模式，当你打开IE9时候会看见，浏览器模式，文档模式，兼容性视图，这些又是什么？好吧，一点点来：先明白一个词DTD（文档类型定义），也就是你F12后，页面里第一...

使用CSS3来制作消息提醒框

前端技术 2023/09/02 CSS

现代Web设计技术允许开发者快速实现大多数浏览器支持的动画。我想警告消息是很常见的，因为默认的JavaScript警告框的样式往往（与你自己设计的漂亮样式）很不协调很囧。这使开发者步入找出哪种解决方案能更好地实现更友好的用户界面的道路。实际演示 – 下载源代码建立页...

前端技术 2023/09/02 CSS

1、{clear:both;}设置了clear 属性的元素，其上边框位置会紧贴浮动元素的 margin-bottom 边界位置渲染，使包含浮动元素的容器高度正常。所以适用于浮动元素后面容器之内有个非浮动元素，或是额外添加一个新的空元素。 2、.after-clear-float...

CSS3实现曲线阴影和翘边阴影

前端技术 2023/09/02 CSS

本文实例为大家分享了CSS3实现曲线阴影和翘边阴影的效果，原来不用ps技术也可以实现阴影效果，很棒的效果，供大家参考，具体内容如下效果图如下： index.html XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> &l...

前端技术 2023/09/02 CSS

HTML 复制代码代码如下:<div class=\"vm\"><span>我是文字 </span><img src=\"图片地址\" /></div> CSS 复制代码代码如下:.vm *{display:inlin...

关闭

我的博客