博客已经迁移至 萌萌的IT人 ，谢谢支持
--------------------------------------------------
可以参考《精通CSS 高级WEB标准解决方案》第三章。
可视化格式模型
可视化格式模型要掌握的3个最重要的CSS概念是 浮动、定位、盒模型。 这些概念控制在页面上安排和显示元素的方式， 形成CSS的基本布局。
主要学习...
转载
2023-08-24 10:26:02
66阅读
在前端开发中，CSS（层叠样式表）用于控制网页的样式和布局。如果在CSS代码中存在错误或
原创
2023-06-25 06:39:36
74阅读
原文链接： ://note.noxussj.top/?source=51cto相关相对.my-content { position: relative;}绝对#.my-content { position: absolute; left: 0; top: 0;}固定.my-content {
原创
2023-02-28 20:50:34
157阅读
本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。 元素类型 HTML 的元素可以分为两种： 块级元素（block level ele
转载
2017-01-10 14:15:00
42阅读
2评论
本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。元素类
转载
2022-07-18 13:58:34
45阅读
最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里记录一下~ 屏幕是一个二维平面，然而html元素却是排列在三维坐标系中，x为水平位置
转载
2020-11-26 16:36:00
194阅读
2评论
1. 层叠上下文 (Stacking Context) 层叠上下文 (堆叠上下文, Stacking Context)，是HTML中一个三维的概念。在CSS2.1规范中，每个元素的位置是三维的，当元素发生层叠，这时它可能覆盖了其他元素或者被其他元素覆盖；排在z轴越靠上的位置，距…
原创
2021-09-08 17:01:28
202阅读
作者：SHERlocked93最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里记录一下~屏幕是一个二维平面，然而HTML元素却是排列在三维坐标系中，x为水平位置，y为垂直位置，z为屏幕由内向外方向的位置，我们在看屏幕的时候是沿着z
转载
2022-10-13 13:51:34
58阅读
CSS 中最核心的几个概念包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。元素类型HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别在于以下三点：块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 di
.vocabulary{ height:99px; color:transparent; } 属性 上面示意css代码中的height和color就是属性。 值 上面的99px就是值 整数值：如z-index:1中的1 数值：如line-height:1.5 中的 1.5 百分比值：如padding
转载
2018-05-03 07:25:00
128阅读
2评论
式样定义 如何显示 HTML内容 通常存储在式样表中 作用 : 解决内容与表现分离的问题 ( MVC 模型 , model : html , view : css , control : JavaScript ) 外部式样表可以极大的提高效率 , 例如要修改网页中标题的表现形式 , 如果网页中有100个标题, 如果使用HTML进行修改, 则需要修改100次, 如果使用CSS进
转载
2016-12-02 18:50:00
81阅读
2评论
CSS作用 & 介绍 式样定义 如何显示 HTML内容 通常存储在式样表中 作用 : 解决内容与表现分离的问题 ( MVC 模型 , model : html , view : css , control : JavaScript ) 外部式样表可以极大的提高效率 , 例如要修改网页中标题的表现形式 , 如果网页中有100个标题, 如果使用HTML进行修改, 则需要修改100次, 如果使用CSS进行修改, 则只需要修改1次就OK了, 因为内容与表现分离了, 所以可以将表现(式样表)保存起来, 未了以后使用 式样表可以 层叠出现 , 后边的式样会将前边的式样覆盖 , 比如规定标题式样为
转载
2012-09-18 18:10:00
87阅读
2评论
一、HTML与CSS 两者都是W3C组织制定的，HTML侧重定义网页的结构和内容，CSS侧重定义网页的形式和外观，分开的目的是为了网页的内容和形式剥离。二、HTML与XHTML 类似于C与C++语言的关系，具体可参见《HTML5重构互联网：浏览器将部分替代操作系统》。三、DOCTYPE 告诉浏览器使用何种规范解析网页内容
原创
2013-07-31 18:23:57
463阅读
点赞
一，盒模型的概念 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 二，盒模型的属性 width： # 内容的宽度 height: # 内容的高度
原创
2021-07-29 09:41:45
306阅读
W3C是这样来描述的：css级联为每个样式规则指派权重，若元素应用了多个样式规则，那么将优先使用权重最高的的样式。 CSS的全名叫做Cascading Style Sheets，译为层叠样式表（也可以叫级联样式表）。 <html> <head> <title>层叠特性</title> <style ...
转载
2021-07-16 11:31:00
217阅读
2评论
CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图： 图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），
转载
2018-03-21 00:53:00
133阅读
2评论
世界杯疯狂来袭，让这个原本就高温的夏季瞬间被引爆了，这肆虐的激情仿佛让一切都灼热了起来，绽放着刺目的光，工作之余总有那么一群人在那激烈的讨论着争辩着，抑不住的亢奋。非常不巧，往往这群身影中总有我的存在，哪怕我未曾说过一句话，可我依旧非常享受这样的氛围。我经常想起那些青葱的校园时光，也总是和那么一群斗...
转载
2015-02-06 16:36:00
83阅读
2评论
本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。元素类型HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它
转载
2022-07-20 15:53:22
90阅读
