css2
黑马pink css2
emmet语法使用缩写提高html和css的书写速度 快速生成HTML标签： 输入标签名按tab即可直接生成完整标签 标签名数量 ul>li数量 父子 div+p 兄弟 .nav #banner 默认是div，其他可以p.one .demo$5 自增，从1开始 p{这是一个段落}5 快速生成css样 ......
threejs CSS2DObject点击事件触发不了
原因：在three.js 0.13X版本后,上面dom的onclick 不会触发，原因是控制器Controls，可以尝试一下去掉控制器，看看dom上的点击事件是否ok let obtControls = new OrbitControls(camera, container); // OrbitCo ......
CSS2.1规范笔记——10 视觉格式化模型细节
视觉格式化模型细节 包含块的定义 元素（生成的）盒的位置有时候是根据一个特定的矩形计算的，叫做元素的包含块（containing block）。元素包含块的定义如下： 元素 包含块 其为根元素。 其包含块是一个被称为初始包含块的矩形。对连续媒体，尺寸取自视口的尺寸，并且被固定在画布开始的位置；对于分 ......
CSS2.1规范笔记——9.5 浮动
浮动 一个浮动盒会向左或向右移动，直到其外边界挨到包含块边界或者另一个浮动盒的外边界。如果存在行框，浮动盒的上外（边界）会与当前行框的上（边界）对齐。如果没有足够的水平空间来浮动，它会向下移动，直到空间合适或者再没出现过其他浮动。 因为浮动盒不在常规流内，在浮动盒之前或者之后创建的非定位块盒会垂直排 ......
CSS2.1规范笔记——9.6 绝对定位
绝对定位 绝对定位模型中，盒相对其包含块偏移，它会从常规流中全部移除（不会影响后面的兄弟）。绝对定位的盒会为常规流中的子级和绝对（不包括fixed）定位的后代建立一个新的包含块。 然而绝对定位的内容不会沿着任何其他盒排列。它们可能会遮住其他盒的内容（或者被它们自身遮住），取决于重叠盒的堆叠层级（st ......
CSS2.1规范笔记——9.7 分层展示
分层展示 z-index属性 该属性指定了： 当前堆叠上限爱问（stacking context）中，该盒的堆叠层级（stack level）； 该盒是否应该建立一个堆叠上下文； 该属性的取值为： <integer>：是生成盒当前堆叠上下文中的堆叠层级，该盒还会建立一个新的堆叠上下文。 auto：生 ......
CSS2.1规范——9.3 定位方案
定位方案 三种定位方案及其优先级 css2.1中，一个盒可能会根据三种定位方案来布局： 常规流：包括块级盒的块格式化、行内级盒的行内格式化和块级与行内级盒的相对定位。 浮动：在浮动模型中，盒先根据常规流来放置，然后从常规流中取出来并尽可能远地向左或向右移动。其他内容可能沿着浮动（盒）的一侧排列。 绝 ......
CSS2.1规范笔记——9.4 常规流
常规流 常规流中的盒属于一个FC，可能是BFC或是IFC中的一个。块级盒参与BFC，行内级盒参与IFC。 BFC BFC的产生条件： float：left | right position：absolute | fixed display：inline-block | table-cell | ta ......
CSS2.1规范笔记——9.2 控制盒的生成
控制盒的生成 控制盒就是我们常说的盒。盒的类型对其在视觉格式化模型中的行为有一定影响。 display的取值 display属性指定了盒的类型： none：此元素不会被显示。 block：此元素将显示为块级元素，此元素前后会带有换行符。 inline：默认。此元素会被显示为内联元素，元素前后没有换行 ......
CSS2.1规范笔记——9.1 视觉格式化模型（视口和包含块）
视觉格式化模型 视觉格式化模型：对于可视化媒体，用户代理怎样处理文档树。在视觉格式化模型中，文档树中的每个元素根据其盒模型生成0或多个盒。这些盒的布局由以下因素控制： 盒尺寸与类型 定位方案（常规流、浮动与绝对定位） 文档树中元素间的关系 外部信息（例如视口大小、图片的固有尺寸等） 本章及下一章中定 ......
CSS2.1规范笔记 - 8.1 盒尺寸
中文链接：http://www.ayqy.net/doc/css2-1/cover.html 英文链接：https://www.w3.org/TR/2011/REC-CSS2-20110607/ 本笔记是2020年自学前端时所写，当时写在word文档上，今天重温，就搬到博客园上来。 盒尺寸 盒模型的 ......
CSS2.1规范笔记——8.2 外边距与margin合并
外边距 margin取值 <length>：一个固定值 <percentage>：百分比根据当前生成盒的包含块的width来计算。注意，margin-top和margin-bottom也是根据其包含块的width来计算的。如果包含块的width取决于该元素，那么产生的布局在CSS2.1是未定义的。 ......
前端全栈资料-css2
入门 1-特殊选择器多类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aqua{ color: aqua; } .font{ font-size: 10px ......