
HTML+CSS
龙龙老表
分享日常课件与学习心得!
展开
-
webpack 基础使用
webpack模块化打包工具哈希值通过一定的哈希算法,将一段较长的数据映射为较短小的数据,这段短小的数据就是大数据的哈希值。一旦原始数据发生变化,其哈希值也会变化。一般可以用于文件校验。MIME Type网络资源的媒体类型,告知浏览器当前文件是什么类型,浏览器会根据该类型选择合适的形式展现。占位符( placeholders )名称描述[ext]资源扩展名[name]资源的基本名称[path]资源路径[hash]哈希值入口 和 出原创 2020-06-18 21:48:38 · 210 阅读 · 0 评论 -
less 相关用法
less基于 nodejs ,先安装 node ,然后 npm 安装 lessless 的嵌套语法.content { width: 200px; height: 200px; background-color: red; .nav { color: blue; &:hover { color: white; } }}/*等价于【进行编译输出 lessc xx.less>xx.css 】.content {原创 2020-06-16 16:28:35 · 217 阅读 · 0 评论 -
移动端踩坑
事件点透原因:元素触碰之后,会立即执行 touch 事件,然后会有一段时间的延迟,延迟过后在点击的位置上寻找对应元素,看看是否有鼠标事件,如果有就会立即执行<!-- 事件点透案例 --><html> <head> <style> div { width: 100px; height: 100px; background-color: red; position:原创 2020-06-13 01:59:07 · 191 阅读 · 0 评论 -
HTML 常用标签
HTML 注释养成写注释的习惯是一个优秀程序员的基本素养<!--这是一段注释。注释不会在浏览器中显示。--><!DOCTYPE>< !DOCTYPE> 声明必须是 HTML 文档的第一行,位于 < html> 标签之前。< !DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令在 HTML 4.01 中有三种常用的文档声明<!-- HTML 4.01 St原创 2020-05-25 00:56:36 · 228 阅读 · 0 评论 -
flex 、 table 、 float 、position 页面布局
表格布局这是一种比较老的布局方式,就是采用表格进行网页布局,这种布局方式在一些小型网站中用起来比较方便,如果是大型网站,仅仅采用表格布局肯定有点力不从心。你也可以在网站的某一个部分采用表格布局。<html> <head> <title> 表格布局 </title> <style> table { width: 800px; } td {原创 2020-05-17 11:31:23 · 587 阅读 · 0 评论 -
css字体相关
字体的相关样式* { /*字重*/ font-weight: 600; /*斜体*/ font-style: italic; /*下划线*/ text-decoration: underline; /*鼠标形状*/ cursor: pointer; /*字体颜色*/ color: red; /*字体系列*/ font-family: "serif", "sans-serif", "cursive", "fantasy", "monospace";}.原创 2020-05-14 19:25:45 · 188 阅读 · 0 评论 -
Head 配置项
< head> 标签用于定义文档的头部下面这些标签可用在 head 部分< base>该标签为页面上的所有链接规定默认地址或默认目标,使用指定的基本 URL 来解析所有的相对 URL。这其中包括 < a>、< img>、< link>、< form> 标签中的 URL<!DOCTYPE html><html> <head> <base href="https://w原创 2020-05-11 11:29:49 · 2199 阅读 · 1 评论