2020年5月
元素类型的划分
摘要： 两种划分方式: 1.块级元素和行内级元素 2.替换元素和非替换元素 行内级元素中可设置宽高的则是替换元素 阅读全文
posted @ 2020-05-06 22:56 白邪 阅读(677) 评论(0) 推荐(0)
表单
摘要： 1.fieldset 与 legend的使用 fieldset:将表单元素分组 legend:给表单设置名字 <fieldset> <legend>必填信息</legend> <div> <label for="username">用户名：</label> <input type="text" id 阅读全文
posted @ 2020-05-06 22:26 白邪 阅读(138) 评论(0) 推荐(0)
2020年4月
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)
下一页