对于CSS,为了避免样式冲突,我们总会给其赋予相当特殊的命名,或是在选择符上添加HTML标记,或是使用层级。面向属性的命名方法,是什么属性就写什么名。精简高效CSS命名之“三无原则”,此“三无原则”就是:无ID,无层级,无标签,CSS命名就应该最简单、最直接,直捣黄龙。没有HTML标签,没有层级,原因有三:http://www.iis7.com/b/slj/限制重用2.CSS文件大小3.降低了渲染
分类:
Web程序 时间:
2018-09-14 10:59:55
阅读次数:
208
原文:https://www.zhihu.com/question/35225845/answer/61876681 从设计模式的角度分析它们的不同。 过滤器(Filter):当你有一堆东西的时候,你只希望选择符合你要求的某一些东西。定义这些要求的工具,就是过滤器。 拦截器(Interceptor) ...
分类:
其他好文 时间:
2018-09-08 11:45:14
阅读次数:
154
伪类选择符归纳 伪类选择符比较多,不加以归类很难记清楚记全;我们可以先把他分为两类 + 和元素本身转态有关,类似于链接点击前,点击后 + 和元素在DOM结构中所处的结构有关,类似于第n个元素,或者奇数行。 一、和元素本身转态有关 1. ,`:visited :hover :active` + 指的是 ...
分类:
Web程序 时间:
2018-09-05 09:14:06
阅读次数:
213
Cssdiv1{}div2{}元素选择器通配符选择器*类型选择器EID选择器类选择器关系选择符父子选择器 eg:E e子选择器 eg:E>F相邻选择符 E+F兄弟选择器 E~F属性选择器E[att] { sRules } 标签【属性】选择状态:link:正常hover:炫富active:被激活,能够... ...
分类:
Web程序 时间:
2018-09-03 13:37:31
阅读次数:
124
前端开发面试知识点大纲: HTML Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 介绍一下CSS的盒子模型? link和@import的区别是? CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪 ...
分类:
其他好文 时间:
2018-09-03 13:35:54
阅读次数:
210
1.CSS盒子模型?IE盒子模型? 2.box-sizing属性? 3.css选择器有哪些?哪些可以继承? CSS选择符:id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代选择器(li a) ...
分类:
Web程序 时间:
2018-08-31 19:32:25
阅读次数:
416
1.JQuery语法 $(sector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 实例 $(document).ready(function(){ $("p").onclick( ...
分类:
Web程序 时间:
2018-08-21 22:37:03
阅读次数:
226
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 示例 $(this).h ...
分类:
Web程序 时间:
2018-08-17 23:24:14
阅读次数:
230
CSS三大特性—— 继承、 优先级和层叠。 继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; 层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。 css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如:body,div,p,ul,li) 2 ...
分类:
Web程序 时间:
2018-08-12 15:38:01
阅读次数:
165