张啊咩

2019年5月21日

摘要： important>内联>id>class = 属性 = 伪类 >标签 = 伪元素 > 通配符（*）有人说外部样式<内部样式,其实不然，其实外部样式=内部样式，谁在前面定义谁就被覆盖 class = 属性 = 伪类：例如.className的优先级和[class='className']和:hov 阅读全文

posted @ 2019-05-21 21:17 张啊咩阅读(3545) 评论(0) 推荐(0) 编辑

CSS伪类

摘要： 1).动态伪类 :link /*链接没有被访问时/ :visited /*链接被访问过后*/ :hover /*鼠标悬浮在链接上时*/ :active /*鼠标点中激活链接那一下*/ :focus /*用于元素成为焦点*/ 动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能阅读全文

posted @ 2019-05-21 21:15 张啊咩阅读(926) 评论(0) 推荐(0) 编辑

2019年5月11日

html预加载之link标签

摘要：我们之前提及过link rel 里面有preload和prefetch、modulepreload，都是用于预加载资源注意preload需要写上正确的as属性，才能正常工作喔(prefetch不需要)。 1. 但是preload和prefetch有什么区别呢？我们翻看w3c的preload规范，阅读全文

posted @ 2019-05-11 21:59 张啊咩阅读(5004) 评论(0) 推荐(1) 编辑

2019年5月7日

HTML链接

摘要： link标签超链接类 1. canonical 多个url指向同一个页面时，这个link可以告诉搜索引擎，href的值是这个页面的主url 2.alternate 表示页面的”变形“，最典型就是页面的rss(Really Simple Syndication) 3.prev、next 告诉浏览器前阅读全文

posted @ 2019-05-07 22:24 张啊咩阅读(601) 评论(0) 推荐(0) 编辑

2019年5月5日

页面性能监测

摘要： 1. developer tool performance我们可以通过performance来看到我们页面的一些性能指标：FP、FCP、FMP...（详情） 2. js 调用performanceOberver来获取性能指标数据一般在html的<head>中添加这样的代码： entryTypes文档阅读全文

posted @ 2019-05-05 22:09 张啊咩阅读(639) 评论(0) 推荐(0) 编辑

2019年5月4日

js 选择文本

摘要：怎么用js脚本，选中文本呢？阅读全文

posted @ 2019-05-04 14:27 张啊咩阅读(2330) 评论(1) 推荐(1) 编辑

2019年5月2日

css 计算值函数

摘要： css有一些强大的函数： 1. calc 可以混合多种单位来计算 2. max、min、clamp max、min选最大/小的那个 clamp() 则是给一个值限定一个范围，超出范围外则使用范围的最大或者最小值。（现在带webkit前缀可以使用） 3.toggle toggle() 函数在规则选中多阅读全文

posted @ 2019-05-02 09:25 张啊咩阅读(2192) 评论(0) 推荐(0) 编辑

css 属性选择器

摘要： 1. [att] 具有att属性的元素 2. [att=val] 具有att属性，而且属性值为val的元素。 3. [att*=val] 具有att属性，而且属性值中包含val的元素 4. [att~=val] 具有att属性，而且属性值为一用空格分隔的字词列表，其中一个等于val的元素 5. [a 阅读全文

posted @ 2019-05-02 09:24 张啊咩阅读(194) 评论(0) 推荐(0) 编辑

css 选择器符号

摘要： 1. 空格 —— “后代选择器” 例如下面这个例子，表示div元素里面所有的p元素 2. > —— “子选择器” 例如下面这个例子，表示div元素里面所有的子代（不含孙代及以后）p元素 3. ~ —— “后继选择器” 例如下面这个例子，表示.cls元素往后的同级的p元素 4. + —— "直接后继选阅读全文

posted @ 2019-05-02 09:23 张啊咩阅读(1927) 评论(0) 推荐(0) 编辑

css @规则

摘要： css相信我们都不陌生，但是我们真的对它非常了解吗？ css主要分为两种规则组成：另一种是 qualified rule，也就是普通规则今天让我们来讲讲我们不常用的 at 规则吧： 1. @charset @charset 用于提示 CSS 文件使用的字符编码方式，它如果被使用，必须出现在最前面阅读全文

posted @ 2019-05-02 09:19 张啊咩阅读(339) 评论(0) 推荐(0) 编辑

公告