一、Grid网格布局概述 Grid网格布局它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。Grid 布局则是将容器划分成”行”和”列”,产生单元格,然后指定”项目所在”的单元格,可以看作是二维布局。Grid布局远比 Flex 布...
flex容器与项目的常用属性实例演示flex布局的常用样式 序号 flex容器 说明 1 flex-direction flex-direction表示flex中元素的排列方式,默认为row row;从左到右水平排列 row-revers...
简述定位的类型与应用场景和使用条件一、定位的类型 序号 position定位 说明 1 静态定位(position: static) 默认,也就是文档流定位,元素的显示位置与源码顺序一致; 2 相对定位(position: relat...
box-sizing属性 属性值 说明 content-box 盒模型以元素内容区为边界,不包含padding、border值 border-box 盒模型以元素边框区为边界,包含padding、border值 实例代码: ...
em 和 rem相关知识:em相关知识: 通常情况下,用户的浏览器默认渲染的文字大小是 16px。用户可以通过重新定义根标签(或者父元素标签)的 font-size 属性来重新定义默认的文字大小在响应式布局中,页面中的所有元素都使用额 em 单位值,...
一、选择器优先级、提权1.同级别选择器 后面的样式覆盖前面的样式2.不同级别:ID选择器>类选择器>标签选择器3.如果需要继续提权使用多重选择器4.计算公式:ID选择器数量,类选择器的数量,标签选择器的数量5.通常用来重构原来的CSS样式 图表说明:...
css的三种引入方式1.内部样式:仅对当前页面的元素有效,使用style标签css引入内部样式 h1{ color:red; bo...
html元素,标签和属性、表单、布局相关问题自测 html元素,标签和属性之间的关联与区别?为什么说html是结构化的文档?表单控件中的name属性为什么非常重要?为什么现在都不再使用表格进行页面布局了?一个元素,最终呈现的样式,由几方面的因素决定的...
iframe仿写网站小后台页面 iframe仿写一个迷你小后台 b...
理工附中初二课程表
Markdown日常使用方法常用标题用一个#表示一级标题用两个##表示二级标题用三个###表示三级标题实现文本框内编辑文档用三个开始然后用三个结尾(反引号),实现文本框内编辑相关内容如: 雄赳赳,气昂昂,跨过鸭绿江。保和平,卫祖国,就是保家乡。中国好...