css的书写顺序 相关属性应为一组，推荐的样式编写顺序 Positioning Box model Typographic Visual 由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。盒模型决定了组件的尺寸和位置，因此排在第二位。 其他属性只是影响组件的内
Typora原版GitHub.css :root { --side-bar-bg-color: #fafafa; --control-text-color: #777; } @include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext); /* open-sans-regular - latin-ext
微信小程序学习之路 做一个捡金币的小游戏： 效果如下： 实际效果预览： 主要代码： view.js // pages/templates/react/view.js var timer1 = undefined var timer2 = undefined var mp3s = [] var mp3index = 0 Page({ data: { left: 300, count: 0,
设置盒子的边框为圆角： 设置上下左右 border-radius：10px; 设置上左 border-top-left-radius：10px; 设置上右 border-top-right-radius：10px; 设置下左 border-bottom-left-radius：10px; 设置下右 border-bottom-right-radius：10px;设置为圆形 border-radius：50%;设置为圆角 border-ra
字符串相关 哈希 Hash，一般翻译做散列、杂凑，或音译为哈希，是把任意长度的输入（又叫做预映射）通过散列算法变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来确定唯一的输入
1、表格 在现实生活中，我们经常需要使用表格来表示一些格式化数据： 课程表、人名单、成绩单... 同样在网页中我们也需要使用表格，我们通过table标签来创建一个表格 在table中使用tr表示表格中的一行，有几个tr就有几行 在tr中使用td表示一个单元格，有几个 td就有几个单元格 rowspan
DOCTYPE DOCTYPE(Document Type) 该声明位于文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者 XHTML规范。 DTD(Document Type Definition) 声明以<!DOCTYPE>开始，不区分大小写，前面没有任何内容，如果有其他内容(空格除外)会使浏览器在IE下开启怪异模式(quir
文档：盒模型 - 学习 Web 开发 | MDN 1.简介 在 CSS 中，所有的元素都被一个个盒子包围着 完整的 CSS 盒模型应用于块级盒子，内联盒子只使用盒模型中定义的部分内容。 模型定义了盒的每个部分margin, border, padding, and content 盒模型又分为标准盒模型和替代盒模型 2.组成 块
案例效果 代码编写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
使用javascript实现一个progress-steps巩固自己的基础知识。 ⭐️index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
二、装饰 1.1 认识基线（了解） 基线：浏览器文字类型元素排版中存在用于对齐的基线（baseline） 1.2 文字对齐问题 场景：解决行内/行内块元素垂直对齐问题 问题：当图片和文字在一行中显示时，其实底部不是对齐的，而是图片底部和文字基线是对齐的 1.3 垂直对齐方式 属性名：vertical-align
[TOC] 前言 开这个坑的目的是巩固一下字符串的基础内容，毕竟自己对这一块的接触还不是很多。 其实字符串算法最大的特点就是 最大化利用已经求出的信息，几乎所有算法都是基于这句话的。 一些定义： \(\operatorname{lcp}\left(i,j\right)\) 为以 \(i\) 开头的后缀和以 \(j\) 开头的后
css的优势 降低耦合度。 解耦让分工协作更容易 提高开发效率 根据定义CSS的位置不同分为 行内样式 <h1 style="color: red;">34</h1> 内部样式（写在HTML页面内） </head> <style> h1{ color: beige; } </style> <body> 外部样式（创建一个css文件，写在文件里面） h1{ co
CSS 边框宽度 border-width 属性指定四个边框的宽度。 可以将宽度设置为特定大小（以 px、pt、cm、em 计），也可以使用以下三个预定义值之一：thin、medium 或 thick： 实例 演示不同的边框宽度： p.one { border-style: solid; border-width: 5px; } p.two { border-style: solid;
1.关于盒子的大小 默认情况下,盒子可见框的大小由内容区.内边框和边框共同决定 box-sizing用来设置盒子尺寸的计算方式(设置width和height的作用) content-box:宽高用来设置内容区的大小 border-box:宽度和高度用来设置盒子可见框的大小 会自动调整内容区的空间(边框边距不变)以适
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
form表单 <form action='' method='' enctype=''> <input type='text'> input：更下type属性就可以得到对应的效果 text:文本 passwrod:密码 date:日期 radio:单选框 checkbox:复选框 file:文件 hidden:隐藏属性 textarea:评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{width:800px; height: 800px; border:1px solid pink; } .left{ bor
.wxml中代码 <view class="arrowA"></view> .wxss中代码 .arrowA{ width: 7px; height: 7px; border-top: 2px solid #999; border-right: 2px solid #999; transform: rotate(45deg); position: relative; top
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html{ width: 100%; height: 100%;
总所周知，在CSS的世界中有很多样式和效果看起来简单实则不那么简单，就比如一个小小的▲符号元件，也是通过指定样式产生的，而并不是开箱即用的产物。 要掌握如何设计一个理想的▲符号元件，我们就必须先深入了解边框border的结构组成。 代码如下： .frame { background-color: #ccc; he
致谢 box-sizing 最主要的用法是规定容器元素的最终尺寸计算方式。 如果你创造了一个 <div> 没有设置 box-sizing 属性为 border-box(不设置的话默认值为 content-box.)，同时你设置 width:100px; border:10px solid red; padding:10px; 那么最终 div 容器的实际宽度为： 10
1. QLabel默认是NoFrame的，不显示边框。可通过setFrameShape设置。比如：label->setFrameShape (QFrame::Box); 2. QLabel的边框宽度默认是0。必须更改一下边框宽度，才能显示出边框颜色。 3. 例如改变QLabel边框颜色 label->setFrameShape (QFrame::Box);label->setStyleSheet("
<style> .demo { width: 300px; background: #60f; padding: 3px 0; } .box { width: 100%; /*宽度100% 为集成父元素的宽度*/ /* width: calc(100% - (10px + 5px) * 2 ); */ background: #f60; height: 50px; padding: 10px;/*添加padding*/ border: 5px s
css继承相关 css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 官方解释，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。 无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文
