04 2020 档案

table表格
摘要：1.合并单元格边框 border-collapse:collapse; table{ border-collapse:collapse; /* 合并单元格边框 */ } table td{ border:1px solid #666; } 2.table中的其他元素 caption:表格的标题 th 阅读全文
posted @ 2020-04-29 23:11 白邪 阅读(232) 评论(0) 推荐(0)
CSS特性(属性的继承和层叠)
摘要：1.子元素并不是可以继承父元素的所有属性,可以使用 inherit 进行强制继承 .box{ width:300px; background:pink; } img{ /*width:100%; 方式一: 宽度会根据父级元素的变化而变化 */ width: inherit; /* 方式二: 强制继承 阅读全文
posted @ 2020-04-29 20:31 白邪 阅读(391) 评论(0) 推荐(0)
Emment语法(vscode快捷方式)
摘要：1.生成HTML5代码 <!-- ! 或者 html:5 --> 2.生成子代元素：( > ) <!-- div>p>span --> <div> <p> <span></span> </p> </div> 3.生成兄弟元素：( + ) <!-- div+p+h2 --> <div></div> < 阅读全文
posted @ 2020-04-29 18:52 白邪 阅读(501) 评论(0) 推荐(1)
CSS中的伪元素
摘要：一般伪元素是 (::)两个冒号,也有用一个冒号的,开发中为了区分伪元素和伪类,建议使用两个冒号 1、:first-line > ::first-line：第一行 只有字体，颜色，背景属性可以应用到 first-line 伪元素中 2、:first-letter > ::first-letter：第一 阅读全文
posted @ 2020-04-29 16:39 白邪 阅读(333) 评论(0) 推荐(0)
CSS中的伪类
摘要：1.动态伪类 :link(未访问)，:visited(已访问)，:hover(经过)，:active(点击时)，:focus(获取焦点时) 顺序:link-> visited-> focus-> hover-> avtive /* :hover 和 :active 除了在 a 元素中可以使用,也可以 阅读全文
posted @ 2020-04-29 16:16 白邪 阅读(980) 评论(0) 推荐(0)
font-family字体细节
摘要：1.font-family(设置字体) 一般网页设置字体时，会设置多个，为防止设置的字体刚好系统中不存在。 div{ font-family:Consolas,Symbol,'Microsoft Sans Serif','微软雅黑'; } 注意：一般情况下，英文字体只适用于英文，中文字体同时适用于英 阅读全文
posted @ 2020-04-28 23:27 白邪 阅读(1189) 评论(0) 推荐(0)
文本设置
摘要：1.word-spacing：单词间距 2.letter-spacing：字母间距 3.text-transform：用于设置文字的大小写转换 capitalize：单词首字母变为大写 uppercase：单词所有字符变大写 lowercase：单词所有字符变小写 none：没有影响 4.text- 阅读全文
posted @ 2020-04-28 22:34 白邪 阅读(436) 评论(0) 推荐(0)
小技巧-查看别人网站布局
摘要：div{ outline:2px solid red !important; } 阅读全文
posted @ 2020-04-28 19:12 白邪 阅读(301) 评论(0) 推荐(0)
类的名字规范
摘要：1.见名知意 2.当多个单词时，以什么样的方式连接 *　_ 连接：large_font *　- 连接：large-font *　驼峰连接：largeFont 阅读全文
posted @ 2020-04-28 18:16 白邪 阅读(229) 评论(0) 推荐(0)
URL常见协议
摘要：http：超文本传输协议，访问的是远程网络资源，网络开发中最常用的协议，格式：http:// https：相当于 http 协议的安全版 file：访问的是本地计算机上的资源，格式：file:// mailto：电子邮箱地址，格式：mailto： ftp：访问的是共享主机的文件资源，格式：ftp:/ 阅读全文
posted @ 2020-04-28 12:15 白邪 阅读(2318) 评论(0) 推荐(0)
a标签的用途
摘要：a 标签中的链接，除了跳转页面，还可以下载网站上的素材，发送邮件 <a href='maito:12345@qq.com'>发送邮件</a> 阅读全文
posted @ 2020-04-28 11:44 白邪 阅读(383) 评论(0) 推荐(0)
a元素与base元素的使用
摘要：在 a 元素的链接中，如果有多个链接地址是一致的，可以把相同的链接地址放置在 base 标签中 <!--如果 a 标签中的 href 没有明确的地址，默认打开的是base中设置的地址--> <base href='http://www.baidu.com' target='_blank'> <a h 阅读全文
posted @ 2020-04-28 11:02 白邪 阅读(350) 评论(0) 推荐(0)
a元素中的target 属性
摘要：_self：默认值，在当前窗口打开URL _blank：在新窗口中打开URL _parent：在父窗口中打开URL _top：在顶层窗口打开URL name：在指定 name 的 frame 中打开 注意：_parent，_top，name三个属性与 frame 标签搭配使用 阅读全文
posted @ 2020-04-28 10:47 白邪 阅读(265) 评论(0) 推荐(0)
设置网页title图标
摘要：link 元素的作用： link 元素除了可以引入CSS文件，还可以设置网页的图标（href 的值是图标链接） <!--设置样式 rel：stylesheet--> <link rel='stylesheet' href='css/style.css'> <!--设置图标 rel：styleshee 阅读全文
posted @ 2020-04-27 09:28 白邪 阅读(1131) 评论(0) 推荐(0)
常见浏览器内核
摘要：Trident：IE、360安全浏览器、360极速浏览器（双内核）、搜狗高速浏览器、百度浏览器、UC浏览器 Gecko：Mozilla Firefox presto —> Blink：Opera Webkit： Safari、360极速浏览器、搜狗高速浏览器、移动端浏览器（Android、IOS） 阅读全文
posted @ 2020-04-25 16:50 白邪 阅读(126) 评论(0) 推荐(0)