- 博客(22)
- 收藏
- 关注
原创 定义关键帧
keyframes 动画名称(英文) {/* 动画的开始 *//* 在25%的时候进行的一个动画 *//* 在50%的时候进行的一个动画 *//* 动画结束 */}from,to表示开始、结束状态,也可以使用0%,100%定义@keyframes 动画名称(英文) {/* 动画开始 *//* 动画结束 */}
2022-10-26 19:45:47 110
原创 响应式设计
也叫响应式布局,响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的。
2022-10-26 19:43:57 86
原创 html布局
当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态新阶段,如何防患于未然,把基层常态化防控的藩篱扎得更牢,显得愈加重要。当前,新冠疫情的防疫已进入新常态
2022-10-17 20:09:45 67
原创 新增的多媒体元素
MP3 audio/MPEG 支持浏览器 chrome、firefox、OPera10+、IE9+、safari。wav audio/wav 支持浏览器 chrome、Firefox、Opera、Safari。ogg audio/ogg 支持浏览器 chrome、Firefox、Opera10+MPEG4--mp4 支持的浏览器chrome、Firefox、Safari、IE9+WebM 支持的浏览器chrome、Firefox、Opera。ogg 支持的浏览器chrome、Firefox、Opera。
2022-10-17 20:05:31 76
原创 子元素如何在父元素中居中
子父元素宽度固定,父元素设置 text-align:center,子元素设置display:inline-block,并且子元素不能设置浮动,否则居中失效。子元素相对于父元素绝对定位,子元素 top,left 设置 50%,子元素margin-top 和 margin-left 减去各自宽高的一半。子父元素宽度固定,子元素设置 margin:auto,并且子元素不能设置浮动,否则居中失效。子元素相对于父元素绝对定位,子元素上下左右全为 0,然后设置子元素margin:auto。
2022-10-17 20:03:07 154
原创 H5新增的语义元素
语义:定义整个文档或文档中一个节段的的头部(页眉)。表示页面中一个内容区块或整个页面的头部或者标题, 通常可以用来包含logo 搜索框 标题。典型应用:论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组,或者其他独立的内容项目。作用:元素表示文档、页面、应用或网站中的独立结构,可以成为可独立分配的或可复用的结构。典型应用:主导航、侧边栏导航、页内导航、菜单、面包屑导航、分页、目录和索引等。定义文档中的节(页面中内容的区段、文章中的章节)。典型应用:整个页面的头部,某个区块的头部。
2022-10-17 19:58:57 102
原创 新增选择器
ele:nth-last-child(n){ } 选择一组相同元素中的倒数第n个元素,n表示数值、关键词、表达式。ele:nth-last-of-type(n){ } 选择一组元素中特定类型的倒数第n个ele元素。ele[attr*=value]{ } 指定了属性名attr,且属性值包含value的ele元素。ele:last-of-type 选择一组元素中特定类型的最后一个子元素的每个元素。ele:nth-of-type(n){ } 选择一组元素中特定类型的第n个ele元素。
2022-10-17 19:57:47 43
原创 css弹性盒子
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行 排列、对齐和分配空白空间操作方便,布局简单,移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中,不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括:弹性容器、弹性子元素——项目原理:为父元素设置flex属性,控制子元素的位置及排列方式应用场景 : 移动端。
2022-10-17 19:55:10 83
原创 CSS块级格式化
BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式——直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。
2022-09-29 20:27:33 369
原创 CSS块级格式化
BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式——直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。
2022-09-29 20:24:17 46
原创 Css 的定位
相对于元素在正常的文档流中的位置移动它,把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。通常配合绝对定位使用(父相子绝)结合实际案例,如焦点图中的分页,翻页,视频网站中的 vip标签等。没有定位父级时相对于HTML进行定位,有定位父级时相对于最近的定位父级进行定位。元素的位置相对于浏览器窗口是固定位置,即使窗口是滚动的它也不会移动。相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏。不定义偏移量时对元素基本没有影响。通常作为定位父级配合绝对定位使用。
2022-09-27 20:25:38 49
原创 CSS显示模式
CSS显示模式概述:显示模式是指元素以什么方式显示,如div默认独占一行,span默认可以多个在一行排列,了解它们的特点与分类可以更好的布局网页。HTML元素一般分为块级元素与行内元素、行内块元素三大显示模式。
2022-09-25 19:20:41 63
原创 页面的三大组成部分
结构:给页面搭建基本的框架结构。html ,类比于建房子的时候要搭的地基跟钢筋。行为:页面的轮播图,返回顶部... javascript 相当于房子加灯的开关。表现:页面的美化,装饰。css 相当于给房子加背景和家具的排列布局。结构层html和表现层css,是 W3C 制定的规范,万维网联名。行为层js,是 ECMA 制定的规范,欧洲计算机协会。
2022-09-15 21:20:51 237
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人