HTML - 随笔分类 - 晏过留痕

[HTML] SCSS 备忘录

摘要：Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览 CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、阅读全文

posted @ 2019-01-20 11:11 晏过留痕阅读(369) 评论(0) 推荐(0)

[JavaScript] iframe更改了src后，父页面history.back只能后退iframe而不能使自己后退解决办法

摘要：浏览器的机制如此，在iframe导航变化后手动点击浏览器的后退按钮也依然只是后退iframe中的导航。有一种解决方案是不要修改iframe.src，而是删除旧iframe元素，新建一个iframe元素并替换它，这样不会产生history。直接createElement，替换原来的iframe。阅读全文

posted @ 2018-07-03 14:25 晏过留痕阅读(3458) 评论(0) 推荐(0)

[HTML] css3 输入框input类型为number时，去掉上下箭头方式

摘要：阅读全文

posted @ 2018-06-25 19:27 晏过留痕阅读(4426) 评论(0) 推荐(0)

[HTML] 动态修改input placeholder的颜色

摘要：用这些伪类就可以让placeholder变色了，在用户需要显示红色的时候，用js给input加上invalid class就行了阅读全文

posted @ 2018-06-25 18:39 晏过留痕阅读(1195) 评论(0) 推荐(0)

[HTML] H5在webApp中的注意事项

摘要：常用的meta标签特殊情况需要用到的meta标签如果用的rem。为了完全自适应，通常会拿js先控制，然后再用rem，代码如下：比如720的设计图纸，h2字体大小36px，宽度400px，那么可以这样写：以此类推，这样就会达到无论在什么设备上，都是1:1还原了设计图纸。当然在一些section 阅读全文

posted @ 2018-05-23 11:10 晏过留痕阅读(449) 评论(0) 推荐(0)

[CSS3] 几种分割线实现方法

摘要：小小分隔线单标签实现小小分隔线巧用色实现小小分隔线 inline-block实现 ... 阅读全文

posted @ 2017-08-12 19:33 晏过留痕阅读(1680) 评论(0) 推荐(0)

[HTML] 模板的用法

摘要：阅读全文

posted @ 2017-06-27 11:33 晏过留痕阅读(421) 评论(0) 推荐(0)

[CSS3] 各种角度的三角形绘制

摘要：#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } #triangle-down { width: 0;... 阅读全文

posted @ 2017-06-27 11:29 晏过留痕阅读(180) 评论(0) 推荐(0)

[CSS3] :nth-child的用法

摘要：:nth-child(2)选取第几个标签，“2可以是你想要的数字” :nth-child(n+4)选取大于等于4标签，“n”表示从整数，下同 :nth-child(-n+4)选取小于等于4标签 :nth-child(2n)选取偶数标签，2n也可以是even :nth-child(2n-1)选取奇数标阅读全文

posted @ 2017-06-07 11:14 晏过留痕阅读(331) 评论(0) 推荐(0)

[CSS3] 二级下拉导航

摘要：蓝色下拉滑动二级导航菜单首页关于我们 ... 阅读全文

posted @ 2017-05-26 18:35 晏过留痕阅读(335) 评论(0) 推荐(0)

[CSS3] 边栏导航动画

摘要：0HTML 1JAVASCRIP 2JAVA 3ACTIONSCRIPT 4Perl 5PHP 6NODE.JS ... 阅读全文

posted @ 2017-05-26 18:34 晏过留痕阅读(331) 评论(0) 推荐(0)

[CSS3] 动画暗角按钮

摘要：Title CSS3动画暗角按钮 Fade In Peer Thro' Iris These buttons are made by styling a single anchor element with CSS3 multiple backgrou... 阅读全文

posted @ 2017-05-26 18:32 晏过留痕阅读(210) 评论(0) 推荐(0)

[CSS3] 3D桃心

摘要：... 阅读全文

posted @ 2017-05-26 18:29 晏过留痕阅读(240) 评论(0) 推荐(0)

[HTML] <meta name="viewport" content="width=device-width,initial-scale=1.0">释义

摘要：content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-scale=1 阅读全文

posted @ 2017-04-25 12:29 晏过留痕阅读(778) 评论(0) 推荐(0)

[HTML] IE=edge,chrome=1的META标签详解

摘要：文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 meta信息中常有这么一句：这里的chrome=1不是说IE的技术增强了可以模拟Chrome浏览器，而是与谷歌开发的Google Chrome Frame(谷歌内嵌阅读全文

posted @ 2016-09-14 10:47 晏过留痕阅读(1011) 评论(0) 推荐(0)

[HTML] CSS3 文本效果

摘要：CSS3 文本效果 CSS3中包含几个新的文本特征。在本章中您将了解以下文本属性： text-shadow word-wrap text-shadow word-wrap 浏览器支持 Internet Explorer 10, Firefox,Chrome, Safari, 和 Opera支持te 阅读全文

posted @ 2016-08-19 14:06 晏过留痕阅读(336) 评论(0) 推荐(0)

[HTML] CSS 渐变

摘要：CSS3 渐变 CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）阅读全文

posted @ 2016-08-19 14:01 晏过留痕阅读(5717) 评论(0) 推荐(0)

[HTML] CSS3 圆角

摘要：使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。以下为三个实例： 1. 指定背景颜色的元素圆角：圆角！ 2. 指定边框的元素圆角: 圆阅读全文

posted @ 2016-08-19 13:49 晏过留痕阅读(383) 评论(0) 推荐(0)

[HTML] CSS3 边框

摘要：CSS3 边框用CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如Photoshop。在本章中，您将了解以下的边框属性： border-radius box-shadow border-image CSS3 边框用CSS3，你可以创建圆角边框，添加阴影框，并作为边界阅读全文

posted @ 2016-08-15 11:42 晏过留痕阅读(316) 评论(0) 推荐(0)

[HTML] CSS Id 和 Class选择器

摘要：id 和 class 选择器如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。以下阅读全文

posted @ 2016-08-15 11:20 晏过留痕阅读(889) 评论(0) 推荐(0)

随笔分类 - HTML