博客已经迁移至 萌萌的IT人 ，谢谢支持
--------------------------------------------------
可以参考《精通CSS 高级WEB标准解决方案》第三章。
可视化格式模型
可视化格式模型要掌握的3个最重要的CSS概念是 浮动、定位、盒模型。 这些概念控制在页面上安排和显示元素的方式， 形成CSS的基本布局。
主要学习...
转载
2023-08-24 10:26:02
66阅读
原文链接： ://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作用 & 介绍 式样定义 如何显示 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阅读
点赞
.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（层叠样式表）用于控制网页的样式和布局。如果在CSS代码中存在错误或
原创
2023-06-25 06:39:36
74阅读
CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图： 图中最内部的框是元素的实际内容，也就是元素框，紧挨着元素框外部的是内边距padding，其次是边框（border），
转载
2018-03-21 00:53:00
133阅读
2评论
作者：SHERlocked93最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里记录一下~屏幕是一个二维平面，然而HTML元素却是排列在三维坐标系中，x为水平位置，y为垂直位置，z为屏幕由内向外方向的位置，我们在看屏幕的时候是沿着z
转载
2022-10-13 13:51:34
58阅读
一. CSS 简介1. CSS(Cascading Style Sheets)层叠样式表CSS厉害之处——层叠样式层叠：可以多次对同一选择器进行样式声明选择器层叠：可以用不同选择器对同一个元素进行样式声明文件层叠：可以用多个文件进行层叠所以这些特性使CSS极度灵活，也造成了CSS不正交的特点。2. CSS版本版本时间重点CSS 2.12004～2011推出使用最广泛的版本（所有浏览器都支持）CSS
转载
2021-01-31 12:51:50
336阅读
2评论
Cascading Style Sheets中文叫层叠样式表。这个层叠有多种含义样式层叠：指可以多次对同一个选择器进行样式声明选择器层叠：可以用不同的选择对同一个元素进行样式声明在浏览器的开发者工具中的element页面，那些被一条线划掉的样式就是被其他选择器声明的样式给覆盖掉了选择器指选取需要设置样式的元素的模式标签选择器*：选中所有元素div：选中所有<div>元素div.name
转载
2021-03-07 10:00:24
287阅读
2评论
一 书写规范 1）空格规范 .box { width: 200px;}选择器和花括号之间有空格冒号和后面的值之间有空格 2）选择器规范 .box, .nav { width: 200px; height: 200px; }并集选择器，每个选择器声明必须独占一行 3）每个属性独占一行 .box {wi
转载
2021-01-19 10:26:00
76阅读
2评论
最近在项目的过程中遇到了一个问题，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阅读
CSS 中最核心的几个概念包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。元素类型HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别在于以下三点：块级元素会独占一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 di
一、盒子模型 1．盒子内部结构 （1）一个盒子实际所占的宽度是由“内容+内边距+边框+外边距”组成。CSS中通过设置width和height来控件盒子大小。 2．边框&nbs
转载
精选
2015-03-03 02:59:40
510阅读
本文将讲述 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阅读
