前端html css
03-CSS 的基本使用
CSS 的基本使用 学习目标 能够知道css的作用 能够知道 css 的引入三种方式 能够说出 css 选择器的种类 能够知道常用的样式属性 能够说出元素溢出的解决办法 能够说出标签隐藏设置 能够知道盒子模型中的各个属性 一、CSS的介绍 1. css 的定义 css(Cascading Sty ......
02-HTML基础知识
HTML基础知识 学习目标 能够知道html的作用 能够写出html的基本结构 能够知道单标签和双标签的区别 知道相对路径和绝对路径的区别 掌握标签的种类 了解表格的边线合并 了解表单中常用的表单元素标签 了解表单的提交方式 了解表单中action属性的作用 一、HTML的介绍 1. 网页效果图 - ......
HTML 表单
9.1 表单标签 - 主要标签 - <form>:表单容器 - <input>:输入框 - 相关标签 - <textarea>:多行文本框 - <slect>、<option>:下拉菜单(组合使用) - <label>:标题(辅助表单标签),用for和id属性形成映射,点击标题也可选择 9.2 <i ......
HTML 表格
8.1 表格标签 - <table>:表格容器 - <tr>:表格行 - <th>:表头 - <td>:表格单元 - <caption>:表格标题 - <thead>:语义化-头部,唯一 - <tbody>:语义化-身体部分 - <tfoot>:语义化-脚部,唯一 8.2 table属性 - row ......
HTML-01(到列表)
HTML+CSS html4——>css2——>html5——>css3 w3c官网:www.w3c.org (英文) www.w3school.com.cn里面有很多的教程 (中文) mdn:developer.mozilla.org (部分中文) C/S和B/S架构 C/S C : Client ......
前端SEO优化技术汇总
一、title、alt、h1 itle: 网站头部标签<head>下的title,网站名称备注:这里为什么不说标签中的title属性,,虽然鼠标上移可以显示图片名字,但是它跟SEO没一丝联系所以我们不关注它。 例如: <img title="图片名称"/> alt: 当网络速度很慢,或者图片地址失效 ......
学习日记——HTML入门第一课
1.了解HTML的定义,基本结构 ①对于超文本标记语言的理解,是超越文本(不限制于字符,包含视频音频)用“<>”这个特殊字符来书写的语言 ②基本结构为 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> < ......
记录--前端实现点击选词功能
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 今天有一个需求,点击选中某个英文单词,然后对这个单词做一些处理,例如高亮背景、查看一些详细信息等等,今天简单实现了一下,效果如下:(支持移动端,chrome和sarafi浏览器均能正常使用。语言🚀 vue3 + typescript) ......
web前端动画网址
很实用的web前端动画网址 1.https://lhammer.cn/You-need-to-know-css/#/zh-cn/2.https://chokcoco.github.io/CSS-Inspiration/#/3.https://qishaoxuan.github.io/css_tric ......
HTML a标签
7.1 属性 - href:链接地址 - target:控制链接的打开方式。 - _self(默认)-在当前页面打开; - _blank-新标签页打开。 7.2 <base />标签 - 作用:改变链接的默认行为 - 位置:在head标签中 - 属性:href——改变默认链接;target——改变默 ......
CSS定位方法详解
css概述: 1.css(Cascading Style Sheets)是一种语言,它用来描述HTML和XML的元素显示样式。 2.css语言中有css选择器,在selenium中可以使用这种选择器来进行元素定位。 3.css定位方法比xpath快,而且css语言也非常强大,所以非常推荐这种定位方法 ......
HTML img标签
6.1 路径 - 6.1.1绝对路径 - 即本地资源管理器中的路径(限制很大) <!-- 绝对路径 --> <img src="E:\img\1.png"> - 6.1.2相对路径: - " ./ "代表当前目录,可省略。 - " ../ "代表上级目录,可迭代。 <!-- 本目录下相对路径 --> ......
CSS 常用苹方字体
// 苹方-简 常规体font-family: PingFangSC-Regular, sans-serif; // 苹方-简 极细体font-family: PingFangSC-Ultralight, sans-serif; // 苹方-简 细体font-family: PingFangSC-L ......
HTML 列表
5.1 无序列表 ul <ul> <li>无序列表</li> <li>无序列表</li> </ul> - ul里只能放li标签 - 默认黑色实心圆 - type属性: - disc-黑色实心圆 , - circle-黑色空心圆 , - square-黑色实心正方形 , - none-取消样式 5.2 ......
常用css
单行省略 /* * 强制不换行: white-space: nowrap; * 超出隐藏: overflow: hidden * 超出的文本显示省略号: text-overflow: ellipsis; * 需要设置宽度 */ .t-ellipsis { white-space: nowrap; o ......
HTML div 和 span 标签
4.1 <div> </div> - 划分页面区域,独占一行 4.2 <span> </span> - 主要用于对文本独立修饰。 - 内容有多宽就占用多宽的空间,不换行,不破坏原有结构 ......
前端面试题-常见的水平垂直居中实现方案
方案一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten ......
html5 2.0学习
列表定义:是一种特别的对象集合。集合:集中在一起合二为一(聚集)。 聚集:多个列(信息资源)排在一起。信息资源:一堆数据,可能是字符,可能是图片。 列表分类:有序列表 无序列表 (自)定义列表 有序列表:有顺序的列表。列表结构:<ol><li></li></ol> 有顺序,每个li独占一行,默认li ......
HTML特殊符号
3. 特殊符号 3.1 尖角号 - < 左尖角号 < - > 右尖角号 > 3.2 空格 - 宽度受字体影响 -   宽度是1个中文字符宽度,基本不受字体影响 3.3 版权 - © 3.4 商标 - ™ - ® 3.5 与号 - &a ......
css中rem,em
名词解释,rem是使用的重点 1.rem的定义理解: 通过设置 根元素<html>的font-size的大小,来控制整个html文档内的字体大小、元素宽高、内外边距等, 2.rem(font size of the root element)是指相对于根元素的字体大小的单位。 em(font siz ......
HTML常用标签
1. 基础语法 1.1 标记(标签) - 常规标记(双标记) <标记></标记> - 空标记(单标记) <标记 /> 1.2 <!DOCTYPE html> 文档类型 1.3 <html lang="zh-CN"> 为浏览器指出本文档所用语言 1.4 <meta /> - <meta charset ......
前端定时器防抖节流
// 防抖(输入框可用) debounceFun (fun, time = 300){ clearTimeout(this.debounceTimer) this.debounceTimer = setTimeout(() => { fun() }, time) }, // 节流 throttleF ......
html5学习
html5:超文本标记语言 文本:以.txt为后缀的文件或者文档 超:超越文本,包含视频和音频。标记:特殊符号<> html5结构:<html>(根部标签)<head>(头部标签)</head><body>(体部标签)</body></html> html于1993年发布,早期语法随意,为了统一标椎 ......
前端开发从入门到入土系列之——前端好社区(一)
当然可以。在中国境内,有一些非常受欢迎的前端开发专门社区,类似于墨天轮。这里为您推荐几家: 1. 掘金(Juejin.im):掘金是一个优质的技术社区,汇集了大量的前端、后端、移动开发等方向的技术文章和教程。这里有很多经验丰富的开发者分享自己的心得和技巧。 2. V2EX:虽然V2EX不仅仅关注前端 ......
@Html.Partial vs @Html.Action
@Html.Partial and @Html.Action are both used in ASP.NET MVC to include reusable content in a view. @Html.Partial renders a partial view directly. It's ......
未知大小的图片适应(保持宽高比且不超出)图片容器的CSS属性
假设我们本地代码中有一个宽*高为100px*100px的图片的容器元素 <div class="img-wrapper" style="width: 100px; height: 100px;"> <img src="..." alt="待展示图片" /> </div> 如果图片不我们本地,而是属于 ......
vue 后端传文件流前端解析并下载
注:很多小伙伴可能会出现,下载后乱码情况,因为后端传的文件流。 前端请求的时候,在请求体上需要添加申明: export function downloadExcelTemplate() { return request({ url: 'api/xxx/xxxx', method: 'post', r ......
html 跳转到新的网址
更新window.location.href后面的值即可 文件名为 index.html <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge' ......
汽车之家Unity前端通用架构升级实践
随着之家3D虚拟化需求的增加,各产品线使用Unity引擎的项目也越来越多,新老项目共存,代码维护成本也随之增加。代码质量参差加之代码规范仍没有完全统一产生高昂学习成本进一步加重了项目维护负担。
为应对这些问题,我们决定借助主机厂数科产品线销冠神器VR版本大升级为契机,开发一套移动端通用Unity代码... ......
前端ajax异步访问导致的问题
经过很多次尝试发现在执行return的时候异步访问中的给result_没有执行,后来发现在执行ajax的时候系统分出了另外一个线程单独执行ajax的代码,原来的线程继续往后执行导致还没有给result_赋值就已经执行了return语句而且后面那个单独分出来的线程执行完的时候,日志信息照样打印。所以一 ......