摘要:
body{ min-width: 320px; width: 15rem; margin: 0 auto; line-height: 1.5; background: #f2f2f2; overflow-x:hidden; -webkit-tap-highlight-color: transparent; }*,::before,::aft... 阅读全文
摘要:
//设置常用的body html{ font-size: 50px; } @no:15; @media screen and (min-width:320px) { html{ font-size: 320px/@no; } } @media screen and (min-width:360px){ html{ font-size: 360px/@no; } } /* iphone 678 */ 阅读全文
摘要:
1. 定义: 使用 @ 符号来定义变量 ,在Less中开头是 @ 则是变量,关于变量的命名方法,大家可以参考js中命名的规则,毕竟是做前端的,有着统一的习惯有助于我们统一风格。个人推荐变量名的命名规则使用驼峰命名法。第一个单词首写字母小写,从第二个开始,单词首写字母大写。如boxAaa,boxBbb 阅读全文
摘要:
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型,除了<h>标签。 n 可以是数字、关键词或公式 例子一 <!DOCTYPE html> <html> <head> <style> p:nth-child(2) { background:pink; } </sty 阅读全文
摘要:
官方解释: [attribute^=value],a[src^="https"],选择其 src 属性值以 "https" 开头的每个 <a> 元素。 最低要求:css3 [attribute*=value],a[src*="abc"],选择其 src 属性中包含 "abc" 子串的每个 <a> 元 阅读全文
摘要:
js是一门弱语言,它在声明变量时无需确定变量的类型,js在运行时会自动判断。那么如何判断一个变量的类型呢,js提供了typeof运算符,用来检测一个变量的类型。 1. typeof的语法 typeof是一个运算符,有2种使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算, 阅读全文
摘要:
在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 阅读全文
摘要:
移动端与桌面端最明显的区别就在于屏幕的大小。在比桌面端屏幕小不少的手机移动端上做web开发,网页的布局将会是一个全新的课题。因此首先我们需要了解的就是一个与屏幕大小息息相关的属性–Viewport。ViewportViewport翻译成中文可以叫“视窗”或者是“视口”,它表示的是用户网页的可视范围( 阅读全文
摘要:
我们都知道"overflow:hidden"可以溢出隐藏,即当内容元素的高度大于其包含块的高度时,设置该属性即可把内容区域超出来的部分隐藏,使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特殊的用途,那就是清除包含块内子元素的浮动。我们先来看一个实例: //htm 阅读全文
摘要:
SELECT CONCAT("内容:",info)AS info FROM 表名; 阅读全文