CSS
关注
分享
扫一扫
微风吹过的夏天2016
Java程序员
展开
-
(图文详细)最通俗易懂的CSS 浮动float属性详解
很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话：<span style="color:#000000"><code> 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请谅解！ 本文以div原创 2020-12-04 15:13:35 · 134 阅读 · 0 评论 -
对CSS中的Position、Float属性的一些深入探讨
对于Position、Float我们在平时使用上可以说是使用频率非常高的两个CSS属性，对于这两个属性的使用上面可能大多数人存在一些模糊与不清晰的地方。本文主要对这两个属性使用上的一个介绍以及两个属性交叉使用上的一些探讨。本文主要探讨点：Position、Float属性的基本使用方法 Position、Float属性对元素所造成的影响 Position、Float属性交叉使用上面的影响 Position、Float属性使用上的小技巧本文结构点：HTML布局的基本要点（点我直接跳转） .原创 2020-12-04 15:12:17 · 2129 阅读 · 0 评论 -
Flex 布局教程：语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Fle...原创 2020-12-04 15:09:15 · 107 阅读 · 0 评论 -
CSS背景切换动画
<!DOCTYPE html><html><head><meta charset="utf-8"><title>CSS3全屏背景图片缩小渐变自动切换代码</title><!-- <link rel="stylesheet prefetch" href="http://fonts.useso.com/css?family=Raleway:300"> --><style type="text/css原创 2020-12-04 14:35:36 · 1088 阅读 · 0 评论 -
IE6 很邪恶，但我爱它的盒子模型
盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。盒子模型下图就是一个典型的盒子模型示意图在内容区外面，依次围绕着 padding 区，border转载 2015-01-08 11:31:42 · 554 阅读 · 0 评论