1. CSS 布局的三种机制
网页布局的核心 —— 就是用 CSS 来摆放盒子位置。
CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位
2024年10月24日
1. CSS 布局的三种机制
网页布局的核心 —— 就是用 CSS 来摆放盒子位置。
CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流、浮动和定位
2024年10月24日
古有庖丁解牛,
今有庖丁解“马”。
以文字为刀,
将BMW的一切,从里到外,纤毫呈现。
所谓知己知彼,
我们在驾驶BMW的时候,
仪表盘就是车辆的数据状态公告板,
TA能让我们随时了解汽车的状态。
那么这块小小的仪表盘,
多年来又发生了怎样天翻地覆的变化呢?
咱们今天就来聊聊BMW汽车仪表盘的发展历程。
2024年10月24日
本文和大家聊下 UI 设计中的一些排版的设计原则,作为 UI/UX 设计师,如何更加有方法的去掌握排版设计,这样能保证你在设计中,界面排版能力到达一个长期稳定的水准,而不是时好时坏。
UI排版4大黄金原则:
2024年10月24日
现在学习一个是工作界面的其他组成元素。
·最上面是工作界面的其他组成元素,最上面是工作界面的名称,然后是快速防护工具栏功能区,这里是名称栏栏。现在显示的是第六单元格,因为当前许愿点就是第六这个单元格,它也是活动单元格。在任何情况下只有一个活动单元格,活动单元格一般用黑色出现边框标识。
·对于名称栏还会显示单元格范围或是对象的名称。右边是公式编辑栏,在这里输入或是显示单元格的内容或是结构。比如选中第七单元格,它里面就是数字。如果选中第十四单元格就会选择这个单元格里面是一个公式。
2024年10月24日
2024年10月24日
关注此头条号“互联网IT信息”——>私信发送 “天猫css” ,(注意:css全是小写)即可得到源代码的获取方式。
案例和由此案例重点讲解的知识点介绍
案例代码实现
2024年10月24日
最近忙里偷闲,给自己加油充电的时候,发现自己脑海中布局这块非常的凌乱混杂,于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来,在这里,分享给大家。
单列布局是最常用的一种布局,一般是将一个元素作为容器,设置一个固定的宽度,水平居中对齐。
单列布局一般有两种形式:
(图片来源:https://blog.csdn.net/Ace_Arm/article/details/81036129)
2024年10月24日
实例
设置一个p元素的右边距:
p
{
margin-right:2cm;
}
属性定义及使用说明
margin-right属性设置元素的右边距。
注意: 负值是允许的。
默认值: | 0 |
---|
2024年10月24日
一、两栏布局(左定宽,右自动)
1. float + margin
即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。
举例:
HTML代码:
<div class="wrap">
<div class="wrap_left">
2024年10月24日
首先给浮动一个定义:浮动就是程序中定位的一种
那么什么又是定位:元素框相对于其正常位置应该出现的位置在哪儿
浮动定位:解决了多个块级元素能在一行内显示。
什么是浮动定位。可以用如下几个特点定义。
特点一:将元素排除在文档流之外,即元素脱离文档流,不受默认排列方式(从上到下或者从左往右)的控制
特点二:浮动起来的元素将不再占用页面的空间。(元素从浏览器上原地拔起,从上往下依旧能看到浮动元素),有可能会压住其他的元素。