
HTML5
HTML笔记
胡西风_foxww
人生的智慧就是如何尽量幸福度过一生的艺术。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
less 新手入门(五)—— CssGuards、循环、合并
五、 CssGuards警卫也可以应用于 css 选择器,这是一种语法糖,用于声明 mixin,然后立即调用它。例如,在 1.5.0 之前,您必须这样做.my-optional-style() when (@my-option = true) { button { color: white; }}.my-optional-style();在目前的版本上,你可以直接...转载 2018-12-05 12:51:13 · 612 阅读 · 0 评论 -
less新手入门目录
变量1.定义 使用 @ 符号来定义变量 ,在Less中开头是 @ 则是变量,关于变量的命名方法,大家可以参考js中命名的规则,毕竟是做前端的,有着统一的习惯有助于我们统一风格。个人推荐变量名的命名规则使用驼峰命名法。第一个单词首写字母小写,从第二个开始,单词首写字母大写。如boxAaa,boxBbbb,boxContainer,……,当然也是可是使用香肠命名法用下划线“_”来命名。...转载 2018-06-24 21:15:21 · 1336 阅读 · 0 评论 -
less 新手入门(一) 变量、extend 扩展
一、变量1. 定义:使用 @ 符号来定义变量 ,在 Less 中开头是 @ 则是变量,关于变量的命名方法,大家可以参考 js 中命名的规则,毕竟是做前端的,有着统一的习惯有助于我们统一风格。个人推荐变量名的命名规则使用驼峰命名法。第一个单词首写字母小写,从第二个开始,单词首写字母大写。如 boxAaa,boxBbbb,boxContainer,……,当然也是可是使用香肠命名法用下划线 “_” ...转载 2018-12-05 08:55:40 · 840 阅读 · 0 评论 -
less 新手入门(四)—— Mixin Guards
本文由 简悦 SimpRead 转码, 原文地址 https://www.cnblogs.com/fighxp/p/8080241.html 八、Mixin Guards有条件的 mixin当您想要匹配表达式时,相对于简单的值或特性,Guards 是有用的。如果您熟悉函数式编程,您可能已经遇到过它们。为了尽可能地保持 CSS 的声明性质,在 @ media 查询特性规则中,Less ...转载 2018-12-05 12:48:19 · 385 阅读 · 0 评论 -
less 新手入门(二) Mixin 混合、带参数的 Mixin
二、mixin 混合mixin 属性只能基于现在已有的样式规则!你可以在 mixin 中使用类选择器和 id 选择器:.a,#b{ color: rebeccapurple;}.mixin-class{ .a();}.mixin-id{ #b();}输出:.a,#b { color: rebeccapurple;}.mixin-class...转载 2018-12-05 12:40:34 · 1039 阅读 · 0 评论 -
less 新手入门(三) 作为函数使用的 Mixin、@import 导入指令 、@import 导入选项
三、作为函数使用的 Mixin从 mixin 返回变量在 mixin 中定义的所有变量都是可见的,并且可以在调用者的作用范围中使用 (除非调用者用相同的名称定义它自己的变量)。.mixin(){ @width:100%; @height:200px;}.caller{ .mixin(); width: @width; height: @heig...转载 2018-12-05 12:45:12 · 7212 阅读 · 0 评论 -
css单行文本省略号多行文本省略号
css单行文本省略号多行文本省略号。原创 2023-08-01 09:50:06 · 826 阅读 · 0 评论 -
离线应用存储
离线应用介绍Web2.0 技术鼓励个人的参与,每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能,让用户在没有网络的地方(例如飞机上)和时候(网络坏了),也能进行内容撰写,等到有网络的时候,再同步到 Web 上,就大大方便了用户的使用。HTML5 作为新一代的 HTML 标准,包含了对离线功能的支持。HTML5 实现离线应用让apache 、nginx 或 II...原创 2019-01-17 21:28:45 · 239 阅读 · 0 评论 -
认识HTML5的WebSocket
在 HTML5 规范中,我最喜欢的 Web 技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术,以替代我们过去几年一直在用的 Ajax 技术。这个新的 API 提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看 HTML5 的 WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方 API,名为 Socket.IO。一、什么是 WebSocket API?转载 2023-02-06 09:59:11 · 190 阅读 · 0 评论 -
HTML5 Web Sql DataBase 数据库
web database 介绍Web Sql 数据库API实际上不是H5规范的组成部分,而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、FireFox、Opera等主流浏览器都已经支持Web SQL Database。HTML Web Database 操作使用Web Sql 数据库有三个核心方法:openDatabase()此方法创建数据库对象,既...原创 2019-01-19 14:44:18 · 759 阅读 · 0 评论 -
Html中行内元素有哪些?块级元素有哪些?
1.关于行内元素和块状元素的说明 根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。div这样的块级元素,就会自动占据一定矩形空间...转载 2018-08-20 12:47:39 · 1930 阅读 · 0 评论 -
h5实现输入框fixed定位在屏幕最底部兼容性
已经有人碰到过了h5实现输入框fixed定位在屏幕最底部兼容性移动端iOS第三方输入法遮挡底部input及android键盘回落后留白问题手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法...转载 2018-08-27 16:37:47 · 1262 阅读 · 0 评论 -
dpi 、 dip 、分辨率、屏幕尺寸、px、density 关系以及换算
基本概念dip Density Independent Pixels , 设备无关像素 简称dppx 像素dpi Dots Per Inch 简单来讲就是一英寸有多少个像素点。 常见取值为120,160,240. 我一般称作像素密度,简称密度。density 直接翻译的话,是密度。 常见取值是1.5,1.0。和标准dpi的比...转载 2018-08-27 15:38:09 · 5326 阅读 · 0 评论