目录 1. 认识HTML结构 2.HTML常见标签 2.1 注释标签 2.2 标题标签：h1-h6 2.3 段落标签：p 2.4 换行标签：br 2.5 格式化标签 2.6 图片标签：img 2.7 超链接：a 2.8 表格标签 2.9 列表标签 2.10 表单标签 2.10.1 form标签和input标签 2.10.2 select标签：下拉菜单 2.10.3 textarea 标签：多行编辑框 2.11 无语义标签：div & span 3.展示简

定位 固定定位 position 规定元素的定位方式(类型) static 默认值，没有定位(写和不写一样) fixed 固定定位，会让元素生成 固定定位的元素 固定定位元素 永远是根据 浏览器的显示窗口 作为 定位位置的参考起点的 特点： 1、固定定位会使元素脱离文档流 2、元素在成为固定定位后，在没有规定固定宽度的情况下，宽高由内容撑开 3、固定定位会使元素产生块级框，不论任何类型的元素使用了固定定位后就都可以设置宽高了 固定定位元素

需求描述： 需要实现类似下图中的动态流光线条效果： 思路： 提到这种动态绘制矢量图形的需求，一般会想到使用canvas；由于笔者不太熟悉canvas动画也可以考虑用CSS来实现，这里先记录使用CSS实现此效果的尝试过程： ①实现一条带有静态“流光”效果的边，参考CSS渐变背景； ②实现静态线条的“流光”动画效果，参考纯CSS实现背景颜色渐变动画； ③将以上步骤得到的流光边进行旋转（参考CSS-rotate）、镜像翻转（参考CSS水平翻转和垂直翻转），即可实现与此边同向和逆向的其他流光边

1. hover作用范围 .box{ width: 200px; height: 200px; background-color: pink; } .box .child{ width: 100px; height: 100px; background-color: red; } .box .child .inner{ width: 50px; height: 50px; background-color: yellow; } span{ float: right

Vue 之 Vue Cli Html 移动端的强制横屏功能简单实现 目录 Vue 之 Vue Cli Html 移动端的强制横屏功能简单实现 一、简单介绍 二、实现原理 三、注意事项 四、效果预览 五、实现步骤 六、关键代码 七、其他 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue Cli Html 移动端的强制横屏功能简单实现，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。 实现竖屏横显示，关

❤ 精彩专栏推荐👇🏻👇🏻👇🏻 💂 作者主页: 【进入主页—🚀获取更多源码】 🎓 web前端期末大作业： 【📚HTML5网页期末作业 (1000套) 】 🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (125套) 】 七夕来袭！是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？或者…无论那种形式，快来秀我们一脸吧！ 二、📚网站介绍 📒网站文件方面：html网页结构文件、css网页样式文件、js网页特效文

一、过程分四步：         1.获取地址栏；                 var loc=location.href;         2.获取地址栏的长度                 var n1=loc.length;         3.获取地址栏中第一个等号的位置；                 var n2=loc.indexOf('=')；         4.以等号位置，截取后面的内容；                 var str=loc.sli

网页简介：经过pink老师的课程学习之后，制作了一个简单的静态页面，主要是运用html和css。 整个网页的制作主要分为五个部分:在制作过程中，首先需要确定一个网页的版心（内容的中心区域），五个部分依次调用版心，使主要内容始终与版心对齐。在版心内，五个部分分别由五个标准流的盒子排列，再将各个盒子内容细分制作。 第一部分：头部区域，包括学成网的logo，首页，课程，职业规划导航栏，搜索框，用户区域。 首先用一个大盒子（class=“header”）包含其中的小模块，再将四个部分放入四个小盒子

目录 background-image: url(" ")； background-repeat属性（背景平铺） background-size属性（设置背景图片大小）  background-position属性（背景图片位置） 1.background-image: url(" ") ; 首先要知道background-image是将图片作为背景，使用方法为： background-image: url("") ; 其次是关于图片路径问题， 如果该css

1、可以利用 uni-app 提供的 scroll-view 并且允许纵向滚动 （1）uni-app 文档https://uniapp.dcloud.net.cn/component/scroll-view.html （2）需要把写的内容用 <scroll-view></scroll-view> 包起来。 <template> <scroll-view :scroll-into-view="topItem" scroll-with-animati

        一.五种基本选择器:                 1）*：匹配HTML中所有元素，一般用于除去内边距和外边距，其性能较差，不推荐使用；                 2）标签名（在JavaScript中也称节点）:标签选择器。注意在用标签修改样式时，所有具有该标签名的内容都会被修饰；                 3）ID选择器：注意ID有且只有一个，在标签内#+名称；                 4）类选择器：用来选择class名的选择器，可有多个；   

文章目录 文章目录 前言 一、首先了解vue-cli脚手架 二、安装脚手架 三、启动项目 总结 前言            废话就不多说了，直接进入正题 一、首先了解vue-cli脚手架 vue-cli 是一个基于 Vue.js 进行快速开发的完整系统 vue-cli是 基于 webpack 构建 vue 前端模块工程环境webpack 将 原理网页的 依赖变成 webpack的依赖， 只需要将网页的依赖在main.js 入口文件中引入即可在浏览