随笔分类 - HTML5
从零基础开始学习HTML
摘要：01. uni 数字组件： uni-number-box 02. 在 flex 布局中，如果子元素未铺满的处理 >> 情形： >> 处理方式： 为相应的子元素，配置 flex=1 03. 商品信息的滑动删除 >> 组件： uni-swipe-action 和 uni-swipe-action-ite
阅读全文
摘要：01. scroll-view 配置高度或宽度时的屏幕铺满； 使用 uni.getSystemInfoSync() 获取设备相关信息 02. 取分类数据 > API 接口：/api/public/v1/categories > 数据结构：{内容太多，请直接调用接口获取} >> 为元素配置 动态类 信
阅读全文
摘要：01. IDE使用 HBuilderX 02. scss/sass 插件安装：为了方便 样式的编写 地址： https://ext.dcloud.net.cn/plugin?name=compile-node-sass 03. 快捷键方案的设置、IDE主题色的设置、基本设置（ctlr 加 alt 加
阅读全文
摘要：01. CSS中的 position 属性， 用来设置元素质在页面中的位置; 通过该属性的设置，可以将元素放在任意自己想要的位置； Static : 默认值，设不设都是一个样； Relative: 相对定位； 这个相对是 相对于自己来讲，可以当成影子来理解，真身不动，影子按需要跑； Absolute
阅读全文
摘要：01. HTML的主体结构标签 02. 在Head 部分使用的标签主要有： <base>, <link>, <meta>, <script>, <style>, <title> base: base标签为页面上所有的链接规定默认的地址或默认目标； >> 通常情况下，浏览器会从当前文档的URL中提取相
阅读全文
摘要：>>> 响应式布局是一种网页设计模式，这种设计模式可以使网页在不同尺寸的设备上，针对不同的分辨率时，都有比较合理的布局和展示效果； A.响应式布局的核心逻辑 1. 可伸缩的内容区块: 内容区块在一定程度上能够自动调整，以确保填满整个页面； 2. 可自由排布的内容区块: 当页面尺寸变更较大时，能够自动
阅读全文
摘要：A>. 弹性盒模型，按照W3C的定义来说，是为了适应不同的屏幕尺寸以及设备类型时确保元素拥有恰当的行为的布局方式； 主要作用在于，提供一种更加有效的方式来对一个容器中的子元素进行排列，对齐和分配剩余空间的布局方案； --> 从弹性盒模型的定义描述中，我们可以发现，这种模型，主要是针对容器类元素中对子
阅读全文
摘要：今天所学的东西，其实与前一篇的内容有较多的相似点，只是应用的规则有些许的变化 A.3D样式效果； 在默认情况下， 我们看到的其实是个2D的平面效果，只有X，Y二个轴，如果想要看到3D效果，我们需要增加一个Z轴； 这样我们就生成了一个三维坐标系。 新增的Z轴，大家一般也称之为“景深效果”。 ** 我们
阅读全文
摘要：今天抽空，写一下关于CSS样式中的变化样式的内容， 所谓的变化样式，其实就是字面的意思，用以变更元素表现形式的一些功能样式；如旋转，偏移，倾斜或者缩放之类的 在了解这些变化样式前，为便于效果演示，我们提前了解点内容 1. 变化样式，都是通过 transform属性对样式进行设置；无论旋转，偏移，倾斜
阅读全文
摘要：在学习动画样式前,我们先来了解下关于动画的定义 动画: 是指由许多帧静止的画而, 以一定的速度连续播放时,肉眼因视觉残像产生错觉,而误以为画面活动的作品; 为了得到活动的画面,则每一帧上的画面都会有细微的差别; 从以上的定义来看,动画具备如下特性; a. 短时间内播放多张静态的画面帧; b. 每一帧
阅读全文
摘要：在之前的文章中我们已经了解过选择器的使用, 如果想对同一个元素在不同的状态时,展示不同的效果,则需要使用到今天要讲的伪类选择器 A. 伪类选择器: 是一个以冒号作为前缀,被添加到一个选择器的末尾的关键字; 依据使用的方式,可以分为如下三种类型: a. 状态类伪类选择器: :checked; 当表单元
阅读全文
摘要：前面学习了浮动样式,今天我们来学习一下定位样式, 01. 定位样式的效果: 定位样式设置以后,元素也会脱离标准文档流,上浮,其它元素按标准文档流的规则进行布局; ** 应用定位样式的元素,在上浮后,默认停靠在Content区域; (注意一下,元素在定位样式生效后,并未生成文字环绕效果,这一点与浮动样
阅读全文
摘要：今天我们来学习一下在网页布局中,应用非常广泛的一个内容: 浮动样式 --> 浮动样式的来由: * 浮动样式, 最初是为了在做图文布局时,达到文字的环绕效果;后来逐渐扩展到块级元素的横向布局中; --> 浮动样式的特性: 1. 浮动样式元素,会向上浮动,进而脱离标准流, 在浮动元素之后的元素,会忽略掉
阅读全文
摘要：通过前面内容的学习,我们清楚,块级元素展示时,默认为矩形, 但这种方方正正的样式,有时候不满足我们在WEB页面上的布局需求, 所以今天来讲一下圆角样式 所谓的圆角样式: (border-radius) 是W3C制定出来, 使默认显示为矩形的块元素展示一个弧形边缘的样式; 圆角样式有如下几个特性: -
阅读全文
摘要：背景样式: 是W3C规定一个浏览器如何渲染一个元素的背景层, 在背景层上,我们可以增加颜色,图片等效果; 为方便理解下面的内容,我们先来了解下,背景层级关系 --> 背景颜色层: 用于统一设置背景的颜色 : background-color: 颜色值 颜色值,可以用不同的方式进行表示 a. rgb方
阅读全文
摘要：在前面的文章中,我们讲到了盒模型,今天再来讲一下行内盒模型 行内盒模型( inline box model): 是W3C规定一个浏览器如何渲染、显示、排版文字的一整套规则； 要有效的理解行内盒模型， 可结合下图进行理解 font-size: 直接决定内容区的大小, 不受元素height 的影响; -
阅读全文
浙公网安备 33010602011771号