均以以下html代码进行演示 .container { display: grid; grid-template-columns: repeat(3, 100px); grid-template-rows: repeat...

flex容器与项目常用属性&&图示常用术语flex是flexsible box 模型,通常被称为flexbox,是一种一维的布局模型. flex-direction:row;/*默认沿着横向主轴(inline)排列*/flex-direction:c...

实例演示字体的图标的使用unicode方式 /* 安装自定义字体 */@font-face { /* 字体名称,可以自定义任意名称 */ font-family: 'any-font-name-you-like'; /* 字体文件路径(远程/本...

em, rem特点,应用场景em 特点&应用场景em是相对于父元素的相对长度单位,是取决于自身的font-size大小.换句话说,如果某个元素未直接定义自身的font-size大小,则受其父元素font-size的影响(继承).特别需要说明的是,该元...

状态伪类form中使用了:focus-within 和 :enabled.浏览mdn时,发现另外一个有意思的(非表单常用)状态伪类:target需要说明一下,:link这个状态伪类虽在新写项目中意义不大,但在一些”老”项目中,与:active``:v...

权重的原理与计算方式权重规则遵循(id,class,tag)计数和顺序,例如:(0,0,1) 代表 0个id,0个class,1个tagh1{color:red;} 的选择器权重就是 (0,0,1),只有一个tag``h1h1.title{color...

1019 作业iframe 后台小案例效果图 核心代码 网站后台管理系统(v1.0) admin

表单作业用到了input select textarea progress 这四个标签其中,input用到了若干不同的type,如:type=text type=password type=radio type=file type=checkbox ...

人员信息表表格包含信息有编号,姓名,英文名,年龄,身高,性别,邮箱,电话,籍贯,所属部门,最后访问时间 html表格知识点th有预置样式:加粗和居中 跨行合并rowspan (row)行(span)合并 值colspan (column)列(span...

emmet 语法1. 标签与内容标签名称{text}，如： {text},默认生成div块texth3{h3title}h3title 2. 属性和语法糖[attr] .classname{标签内容}, 如 title{div标签文本内容}

Markdown 语法1. 标题## 这是一个二级标题### 这是一个三级标题#### 这是一个四级标题显示效果如下， 这是一个二级标题这是一个三级标题这是一个四级标题2. 分隔符--- 显示为一整行分割线 3. 段落纯文本标记语言，直接换行即可比如...