- CSS 中的常用尺寸单位
像素(px)：最常用的单位，相对于显示器的分辨率。1px等于屏幕上的一个点。例如：width:100px;表示宽度为100像素。百分比(%)：相对于父元素的尺寸。例如，如果一个元素的宽度设置为50%，那么它将占据其父元素宽度的一半。例如：width:50%;表示宽度为父元素宽度的50%。视口宽度(vw)......
- CSS 隐藏元素的方法
display:none;通过设置元素CSS的displays属性为none来使元素消失，该方法隐藏的元素不占据页面空间oapcity:0;oapcity属性的作用是控制元素的透明度，当值为0的时候该元素完全不可见，但仍然存在页面上，占据页面空间visibility:hidden;visibility属性旨在控制元素的可见性，设置为hid......
- CSS布局
1.CSS中包含以下定位机制（1）普通流。每个块级元素都换行显示。（2）相对定位。将一个元素从普通流所处的位置上移动。这种移动不会影响周围元素的位置。（3）绝对定位。绝对定位的元素的位置相对于包含他的元素。完全脱离了普通流。不会影响到周围任何元素的位置。使用绝对定位的元素随......
- AMIS低代码平台，前端开发常见问题(样式篇css style)
最近项目是基于amis低代码平台开发的，在开始开发的时候并未接受系统的学习，导致开发过程中遇到很多问题。由于，部分问题在文档中不能解决，且，当前搜索引擎找到关于amis的文档非常有限。故，整理在开发过程中遇到的问题以供参考。 本片主要说明的是关于样式（css，style）1.对于可以在......
- 第五章 CSS盒模型
5.1盒模型的定义Web页面上大部分的元素（特别是块状元素）都可以看作是一个盒子，W3C组织建议把所有网页上的对象都放在一个盒子中，设计者可以通过创建定义来控制这个盒子的各种属性，这些对象包括段落、列表、标题、图片以及层。盒子的结构可以看作一个矩形框，包括边框、外边距、内边......
- CSS篇二：其他选择器与权重/范围
一、其他选择器简单聊聊：篇一提到的三种基础选择器其实并不能完全覆盖商业项目的开发场景，所以其他类型选择器的使用频率也非常高，所以还是建议记住，避免某一场景下为难。1、通配选择器简述：使用较少，优缺点都很明显，优→统一设置；缺→样式覆盖，降低代码执行效率。推荐度：一星2、组......
- CSS选择器（速通版！！）
目录1.网页中引用CSS的方法1.1行内式1.2 内嵌式1.3 外链式2基本选择器2.1类选择器2.2id选择器2.3 标签选择器 3复合选择器3.1交集选择器3.2并集选择器4.关系选择器4.1后代选择器4.2子代选择器4.3相邻兄弟选择器4.4通用兄弟选择器前言上一期我......
- CSS——表格、表单、链接和导航菜单
一、设置表格样式CSS中有许多表格属性可以用来设置表格的样式，以下是一些常用的表格属性：border-collapse：设置表格的边框合并规则。可以设置为collapse来合并边框，或设置为separate来分隔边框（默认值为separate）。border：设置表格的边框样式、宽度和颜色。例如：border:1pxsoli......
- 第五章CSS盒模型
5.1盒模型的定义盒模型示意图：5.2CSS元素的高度和宽度5.2.1盒模型的宽度width5.2.2盒模型的高度height<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> <style> *{ margin:0px; padding:0px; ......
- 第五章 CSS盒模型
5.1盒模型的定义盒模型是在CSS中用来描述和控制一个元素在页面中所占空间的一种模型。在盒模型中，每个元素被看作一个矩形的盒子，其大小由四个边界确定：上边界（top）、下边界（bottom）、左边界（left）和右边界（right）。这些边界围成一个矩形，决定了元素的尺寸和位置。盒模型由以下几个部分组......