前端入门
文章平均质量分 93
html5+css3
MC猴
这个作者很懒,什么都没留下…
展开
-
CSS3 - 查漏补缺
文章目录一、知识点详解Ⅰ-css3 `pointer-events`二、实际问题解决Ⅰ-图片不拉伸属性 ` object-fit`Ⅱ-css鼠标点击的五种状态Ⅲ-阴影效果Ⅳ-实现a标签禁用Ⅴ-实现父元素半透明,子元素不透明 一、知识点详解 Ⅰ-css3 pointer-events 此属性会阻止hover、active、onclick等触发事件 pointer-events更像是JavaScript,它能够: 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover和 ac转载 2021-11-03 09:53:22 · 99 阅读 · 0 评论 -
CSS - 利用视口单位适配页面
文章目录# 说明利用视口单位适配页面做法一:仅使用vw作为CSS单位做法二:搭配vw和rem,布局更优化小结 # 说明 资料参考:努力学习的汪:洪学习笔记 这是笔者在偶然中阅读到[翻译]使用VH和VW实现真正的流体排版这一篇文章得到的感悟与成果,也满心欢喜地期待这篇文章同样能够带给读者一些启发,并提出一些的vw单位使用秘笈来交流交流~:) 原文:凹凸实验室 利用视口单位适配页面 对于移动端开发来说,最为重要的一点是如何适配页面,实现多终端的兼容,不同的适配方式各有千秋,也各有缺点。 就主流的响应式布局、转载 2021-11-03 09:42:20 · 154 阅读 · 0 评论 -
HTML中的一些细节处理
# 说明 参考资料:简书的 伴歌知行的JS下载图片和文件,防止浏览器直接打开 、夜半修仙,;CSDN的weixin_3791475的使用a标签下载文件不跳转;努力学习的汪:洪学习笔记 文章目录# 说明前端利用a标签实现文件[图片]下载文件下载常用方式总结分析Ⅰ-后端设置下载请求的响应头 `Content-Disposition` 强制下载Ⅱ-实现[HTMLCanvasElement]类型图片下载Ⅲ- a标签+download属性Ⅳ-通过接口跨域请求,动态创建a标签,以blob形式下载1、`fetch`请转载 2021-11-03 09:29:53 · 662 阅读 · 0 评论 -
移动端WEB开发布局 - 流失布局 - Flex(弹性盒) 布局 - rem - 响应式
移动端开发做法流失布局视口二倍图Flex(弹性盒) 布局rem 布局响应式布局 流失布局 视口 视口 meta视口标签 <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />原创 2021-11-02 11:11:56 · 509 阅读 · 0 评论 -
HTML5 + CSS3 新特性
目录结构HTML5 新增概述HTML5新增标签CSS3 新增选择器2D转换 HTML5 新增 概述 什么是HTML5 定义:HTML5定义了HTML标准的最新版本,是对HTML的第五次重大修改,号称下一代的HTML。 两个概念: 是一个新版本的HTML语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指:HTML5、CSS3、JavaScript,这也是广义上的HTML5。 HTML5拓展了哪些内容 语义化标签 本地存储 兼容特性 2D、3D 动画、过渡 CSS3特原创 2021-11-01 14:45:57 · 150 阅读 · 0 评论 -
CSS基础二 盒子模型+浮动+定位+扩展
结构目录盒子模型 ✍1. 盒子边框(border)2. 内边距(padding)3. 外边距(margin)4.外边距合并5. CSS3 新增浮动 ✍CSS布局的三种机制清除浮动CSS属性书写顺序定位 ✍定位模式(position)定位(position)的扩展CSS扩展 display-visibility-overflow ✍元素的显示与隐藏CSS用户界面样式vertical-align 垂直对齐溢出的文字省略号显示CSS 三角形 盒子模型 ✍ W3c标准盒子模型 标准 w3c 盒子模型的范围包括 m原创 2021-11-01 10:56:53 · 237 阅读 · 0 评论 -
CSS基础一选择器+字体样式+display+三大特性
目录结构CSS选择器1.CSS基础选择器① 标签选择器② 类选择器 CSS选择器 1.CSS基础选择器 ① 标签选择器 标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。 作用:可以把某一类标签全部选择出来。 标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } div{width:100px;height:100px} ② 类选择器 类选择器使用"."(英文点号)进行标识,后面紧跟类名。 语法:类名选择器 .类原创 2021-10-31 21:01:39 · 327 阅读 · 0 评论 -
HTML基础篇
目录结构一、认识WEB????1.1 前提知识1.2 Web标准二、HTML初识????2.1 HTML初识2.2 文档类型声明标签2.3 lang语言种类2.4 字符集三、HTML常用标签????3.1、标题标签3.2、段落标签3.3、换行标签/水平线标签3.4、文本格式化标签3.5 图像标签3.6 链接标签(重点)3.7 特殊字符四、表格列表????4.1 表格标签4.2 表格属性4.3 列表五、表单????form表单域input 控件label标签textarea控件(文本域)select下拉列表原创 2021-10-31 16:01:34 · 123 阅读 · 0 评论