前言 每当来个需要既要水平排版又要设置固定高宽时，我就会想起display:inline-block，还有为了支持IE5.5/6/7的hack*display:inline;*zoom:1;。然后发现盒子间无端端多了个不可选的空白符，于是想尽办法修复这个bug。
直到一天拜读了@一丝姐、@HAX等高人的秘笈后才顿悟，原来我错了。那不是bug，是我不懂而已。先行者——IE5.5中的
原创
2022-03-24 11:45:23
151阅读
下列样式规则可用于最小化各浏览器标签样式的不一致性。注意：实际使用时应该对其进行适当的调整，以适应项目要求。/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1,
原创
2022-03-29 14:44:43
117阅读
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。方法一这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-al
转载
2023-07-25 17:50:26
471阅读
【写在前面】这两天还是比较痴迷于CSS特效的，甚至还想着去用CSS做动画片呢，希望后面能做到，今天主要讲的是我们页面常见的元素-按钮，很多时候按钮也需要高级化，但是很多人苦于没有途径去寻找，于是乎借这个机会给大家分享一下如何实现高级的按钮动态效果，主要线条动态化按钮，及悬浮倒影效果。【涉及知识点】：CSS3实现高级按钮，CSS实现按钮动画特效，CSS实现动态按钮效果，CSS实现按钮光影效果，box
转载
2023-10-20 14:43:34
203阅读
margin:0 auto;margin后面如果只有两个参数的话，第一个表示top和bottom，第二个表示left和right
因为0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中）
转载
2023-07-01 10:56:12
597阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
转载
2021-08-11 23:59:00
1180阅读
2评论
前言 Flex是Flexible Box的缩写，就是「弹性布局」。从2012年已经面世，但由于工作环境的原因一直没有详细了解。最近工作忙到头晕脑胀，是要学点新东西刺激一下大脑，打打鸡血。Flex就这么简单浏览器兼容性 一说到兼容性就是永远的痛，不过幸运的是只要在IE10加-ms-前缀就可以用啦_涉及的对象 Flex布局主要是操作Flex Container 和 Flex Item
原创
2022-03-24 10:33:50
218阅读
其实我最开始学会的语言是HTML，我记得那还是大一的事情。当时我对床的兄弟DR放了一本HTML的书在床上，我因为没事就拿来看看。那本书大概只有50页左右，可是可以说如果没有这本书，今天Maybe我不会成为一个软件工程师。后来我学习了Flash, DHTML和CSS，不过当时学得CSS和DHTML只是...
转载
2014-07-23 14:25:00
78阅读
CreateTime--2017年5月5日11:23:18Author:Marydon 按钮CSS样式 实现效果： <input type="button" onclick="" class="Button" style="margin-left:40px;" value="" onmouseove
原创
2023-03-01 16:55:22
1690阅读
# JavaFX 按钮 CSS
JavaFX 是一种用于构建富客户端应用程序的开发工具包。它提供了丰富的用户界面控件，其中包括按钮。通过使用 CSS（层叠样式表），我们可以自定义 JavaFX 按钮的外观和样式。
## 添加 CSS 样式
要为 JavaFX 按钮添加 CSS 样式，我们需要为按钮设置一个样式类。可以在 Java 代码中设置样式类，也可以在 FXML 文件中设置。以下是一些示
原创
2023-12-22 09:12:15
99阅读
## iOS风格按钮的CSS实现
在现代网页开发中，采用适合移动设备的按钮样式是非常重要的。尤其是在苹果公司的iOS操作系统中，按钮的设计风格独具特色，以简洁、直观和易于点击著称。本文将介绍如何使用CSS创建类似iOS的按钮，并提供相应的代码示例。
### iOS按钮的基本样式
iOS按钮通常具有以下几个特点：
1. 圆角矩形的形状。
2. 清晰的文字标签，常常采用系统字体。
3. 优雅的
CSS3 Gradient Buttons / Published in: CSS URL: http:/
原创
2023-07-27 20:47:22
123阅读
上一篇文章我们谈了CSS的语法、如何调试、盒模型、文档流、布局等等。接下来我们继续来说说他的定位、动画；废话不多说，我们直接步入正题。CSS定位新属性-positionstatic默认值，待在文档流中relative用法一：元素待在文档流中，但是展示的位置发生了变化，其实际的位置未改变用法二：position：relative使用场景用于做位移（基本很少用）用于做absolute元素的爸爸配合z-
转载
2024-05-04 21:37:19
22阅读
CSS 按钮 本章节我们为大家介绍使用 CSS 来制作按钮。 基本按钮样式默认按钮 CSS 按钮 CSS 实例 .button {
background-color:
#4CAF50;
/* Green */
&nb
转载
2024-01-23 23:08:58
115阅读
一、Position各属性值详解 1. static ：默认值，元素将按照正常文档流规则排列。 2. relative ：相对定位，元素仍然处于正常文档流当中，但可以通过left、top、right和bottom的CSS规则来改变元素的位置。  
原创
2022-03-29 14:04:57
208阅读
一、前言 文字承载着站点内涵，而良好的字体、排版则为用户提供舒适的阅读体验。本文打算对字体稍微深入一下子网页字体的内容，若有纰漏请大家指正，谢谢！ 目录一坨: 二, 字体分类 1. 衬线体(Serif)
原创
2022-03-29 14:57:48
338阅读
说明：1、display:inline-block; 这个属性IE8和firefox3.0已经支持，IE6和IE7不支持，解决方法是*display:inline; zoom:1;原因如下： 使得display:inline;使得IE下元素变成内联元素，然后使用zoom:1;触发块元素的layout（我理解为可布局——对高度宽度敏感）。2、class为“c”和“d”中的样式中用line-heigh
转载
2024-01-30 06:31:48
95阅读
本文讨论的是块级盒子(Block-level box)的盒子模型(Box Model)一、W3C标准的盒子模型 二、IE盒子模型 三、两种模型的区别 W3C标准盒子
原创
2022-03-29 14:02:27
79阅读
前言 以前说起前端动画必须使用JS，而CSS3为我们带来transition和@keyframes，让我们可以以更简单（声明式代替命令式）和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结，欢迎各位拍砖。属性介绍 首先先我们简单粗暴了解transition属性吧！transition: <transition-property> <tran
原创
2022-03-24 10:31:48
252阅读
