选择器的优先级表述为4个部分,用0,0,0,0表示。 !important 行间--1,0,0,0 ID选择器--0,1,0,0 类选择器(例如,.example)、属性选择器(例如, [type="radio"])或伪类(例如, :hover)--0,0,1,0 元素(例如, h1)和伪元素(例如 ...
分类:
Web程序 时间:
2018-08-22 13:18:06
阅读次数:
174
1.模态框案例 需求: 打开网页时有一个普通的按钮,点击当前按钮显示一个背景图,中心并弹出一个弹出框,点击X的时候会关闭当前的模态框 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style t ...
分类:
Web程序 时间:
2018-08-18 19:43:02
阅读次数:
188
HTML: <ul> <li> <a href="#">1-1</a> </li> <li> <a href="#">1-2</a> </li> <ol> <li> <a href="#">1-2-1</a> </li> <li> <a href="#">1-2-2</a> </li> </ol& ...
分类:
其他好文 时间:
2018-08-18 15:31:34
阅读次数:
120
```
{ "workbench.iconTheme": "vscode-great-icons", "editor.tabSize": 2, "editor.wordWrap": "on", "editor.hover.enabled": false, "editor.minimap.showSl... ...
分类:
其他好文 时间:
2018-08-17 23:33:47
阅读次数:
332
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号: "Web前端之巅" 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog. ...
分类:
移动开发 时间:
2018-08-16 19:58:23
阅读次数:
191
百信银行 一面:前端负责人,前端小组9人+。 HTML5新增的内容(标签和JS部分) 离线存储 CSS3新增的单位和内容 CSS实现hover A元素修改B元素的宽度 CSS定位元素绝对水平垂直居中 CSS选择器权重。10个Class权重大于单个ID ES6新增的内容。 ES6的Class和new ...
分类:
其他好文 时间:
2018-08-16 00:52:02
阅读次数:
163
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style type="text/css"> 8 *{ 9 margin: 0px; 10 padding: 0px; 11 } 1 ...
分类:
Web程序 时间:
2018-08-15 14:54:06
阅读次数:
290
Q1:选择器 1.id选择器(#):以#开始,引用时使用id,如id="div1" 2.类选择器(.):以.开始,使用class属性引用,可以有多个,如class="cls1 cls2 cls3" 3.标签选择器:以标签名称开始,如p,span,div,* 4.伪类选择器:a:hover,a:lin ...
分类:
Web程序 时间:
2018-08-14 14:47:55
阅读次数:
204
1.什么是DOM,简单的说,DOM是一套对文档的内容进行抽象和概念化的方法。 《JavaScript DOM编程艺术》 D:document,即文档 O:object,即对象 M:model,即模型 DOM把一份文档表示为一棵树,或者更具体来说就是一颗家谱树,这棵树由各种类型的节点构成。 DOM节点 ...
分类:
Web程序 时间:
2018-08-12 22:22:34
阅读次数:
172
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 { margin: 0; ...
分类:
其他好文 时间:
2018-08-12 20:09:11
阅读次数:
195