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

前端技术 2023/09/08 CSS

一、padding 1、语法结构（1）padding-left:10px; 左内边距（2）padding-right:10px; 右内边距（3）padding-top:10px; 上内边距（4）padding-bottom:10px; 下内边距（5）padding：1...

前端技术 2023/09/08 CSS

<!DOCTYPE HTML> <html> <head> <title>CSS3制作鼠标悬停提示气泡内容菜单</title> <style type=\"text/cs...

前端技术 2023/09/08 CSS

引言雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更加友好。实现假设我们通过.toolbtn的类，为应用该类的各元素提供一张背景图片： CSS Code复制内容到剪贴板 ...

前端技术 2023/09/08 CSS

{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了，以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过，可是现在发生了变化。众所周知，!important这个规则对Ie6.0,Ie7.0和Firefox能写hack，现在就...

前端技术 2023/09/08 CSS

在给如span input 这样的标签设置css样式为text-indent:-9999px时，会出现“没影”的效果，代码如下复制代码代码如下: <div> <ipunt style=\"text-indent:-9999px;backgro...

前端技术 2023/09/08 CSS

今天这个案例，我们希望footer一直在页面底部，来看看解决方案吧 css复制代码代码如下:html, body, #sticker {height: 100%;} body > #sticker {height: auto; min-height: 100%;} ...

前端技术 2023/09/08 CSS

1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）解决方法：display...

前端技术 2023/09/08 CSS

作为一个Web开发者，掌握必要的前台技术也是很重要的，特别是在遇到一些实际问题的时候。这里给大家列举一个例子：给一个p标签增加一个类（class），可是执行后该class中的有些属性并没有起作用。通过Firebug查看，发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS...

深入理解CSS中的UI伪类

前端技术 2023/09/08 CSS

伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是 selector:pseudo class { property: value; }，简单地用一个半角英文冒号（:）来隔开选择符和伪类。伪类可以分为两种： UI（...

前端技术 2023/09/08 CSS

基础知识语法： box-sizing ： content-box | border-box | inherit 相关属性：无取值： content-box:此值维持css2.1盒模型的组成模式，border|padding|content {element width=...

关闭

我的博客