随笔分类 -  前端

摘要:HTML速写之Emmet语法规则 Emmet—写HTML/CSS快到飞起 在前端开发的过程中,最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等,头疼。这里推荐一个Emmet语法规则,让你写的时候爽到飞起,能大大提高代码书写,只需要敲一行代码就能生成你想要的完整HTML结构,下面 阅读全文
posted @ 2019-09-17 10:46 Lomen~ 阅读(1222) 评论(0) 推荐(1)
摘要:一、Javascript介绍 1、JavaScript的诞生 1994 年,网景公司(NetScape)发布了Navigator浏览器0.9版, 这是历史上第一个比较成熟的浏览器,引起了广泛关注。但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力。网景公司急需要一门网页脚本语言,使得浏览器 阅读全文
posted @ 2019-09-04 10:06 Lomen~ 阅读(642) 评论(0) 推荐(0)
摘要:DOM 与 JQuery 之间的转换 1. JQuery对象转DOM对象 2.DOM对象转jQuery对象 联想记忆:我有钱[美元],所以我的功能就更强大。 字符串转dom和JQuery 1. 字符串转dom 2. 字符串转JQuery 一、获取节点 dom (1)通过 id 获取 (2)通过 cl 阅读全文
posted @ 2019-05-23 13:39 Lomen~ 阅读(623) 评论(0) 推荐(0)
摘要:8. 导航栏、下拉菜单、提示工具 (1)导航栏 垂直导航栏 水平导航栏 (2)下拉菜单 (3)提示工具 阅读全文
posted @ 2019-04-05 14:31 Lomen~ 阅读(1265) 评论(0) 推荐(0)
摘要:7. 阴影、圆角、旋转、光标 (1)box shadow 阴影 基本语法 语法取值 (2)border radius 圆角边框 基本语法 语法取值 使用说明 每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上 阅读全文
posted @ 2019-04-05 14:20 Lomen~ 阅读(1084) 评论(0) 推荐(0)
摘要:6. 列表表格 列表 (1)list style 基本语法 语法取值 使用说明 设置列表项目相关样式。当 list style image 和 list style type 都被指定了时, list style image 将获得优先权。除非 list style image 设置为 none 或 阅读全文
posted @ 2019-04-05 13:12 Lomen~ 阅读(674) 评论(0) 推荐(0)
摘要:5. 文本字体 文本 (1)text indent 基本语法 语法取值 使用说明 检索或设置对象中的文本的缩进。默认值为 0 。在被另一个对象(如 br )断开的对象内不能应用本属性。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 (2)text overflo 阅读全文
posted @ 2019-04-04 22:03 Lomen~ 阅读(780) 评论(0) 推荐(0)
摘要:4. 背景布局 背景 (1)background 基本语法 语法取值 使用说明 设置对象的背景样式。如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。例如:设置 background : white 等于设置 background : white none rep 阅读全文
posted @ 2019-03-31 12:39 Lomen~ 阅读(995) 评论(0) 推荐(0)
摘要:3. 定位尺寸 尺寸 (1)height 基本语法 语法取值 使用说明 检索或设置对象的高度。对于 img 对象来说,仅指定此属性,其 width 值将根据图片源尺寸等比例缩放。按照样式表的规则,对象的实际高度为其下列属性值之和: margin top + border top + padding 阅读全文
posted @ 2019-03-31 02:18 Lomen~ 阅读(1737) 评论(0) 推荐(0)
摘要:2. 盒子模型 在CSS眼中,任何HTML标签对象都是一个 矩形 ,有长度,宽度以及各角的定位坐标,俗称 CSS 盒子模型理论 。 Margin(外边距) 清除边框外的区域,外边距是透明的。 Border(边框) 围绕在内边距和内容外的边框。 Padding(内边距) 清除内容周围的区域,内边距是透 阅读全文
posted @ 2019-03-31 01:30 Lomen~ 阅读(728) 评论(0) 推荐(0)
摘要:1. 选择器 (1)类型选择器(标签选择器) 基本语法 使用说明 类型选择器。以文档对象(Element)类型作为选择器。 选择面较大,适合做某种标签元素外观的常规设置。 代码示例 (2)通用选择器 基本语法 使用说明 通用选择器。选定文档目录树(DOM)中的所有类型的单一对象。假如通用选择器不是单 阅读全文
posted @ 2019-03-30 22:43 Lomen~ 阅读(674) 评论(0) 推荐(0)
摘要:一、CSS技术 级联/层叠样式表 (Casading Style Sheet) 1、为什么要使用CSS ? 在传统网页编程中,用于控制内容显示的标签和正文标签相混合,使程序员对网页代码的阅读产生阻力,更多的查看影响显示效果的代码,而不能突出内容代码,导致网页代码不清晰。如果遇到显示风格的修改,将修改 阅读全文
posted @ 2019-03-30 22:30 Lomen~ 阅读(592) 评论(0) 推荐(0)
摘要:一、Html简介 HTML(Hyper TextMarkupLanguage)是一种描述Web文档(网页)的语言,指的是超文本标记语言;HTML并不是编程语言,而是一种标记语言! 标记语言是一种人和机器之间无需通过编译均能迅速理解的语言,是人和机器之间有效的沟通方式,是当今非常重要的人机交互模式。 阅读全文
posted @ 2019-03-29 22:23 Lomen~ 阅读(597) 评论(0) 推荐(0)