![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端夯实基础
文章平均质量分 68
那等雨停吧
愿你有梦可依,有树可栖。
展开
-
display、visibility、opacity、rgba、z-index隐藏元素的区别
display: none;1、浏览器不会生成属性为display: none;的元素。 2、display: none;不占据空间(毕竟都不熏染啦),所以动态改变此属性时会引起重排。 3、display: none;不会被子类继承,但是···子类是不会显示的,毕竟都一起被kill啦。 4、display: none;是个尴尬的属性,translate对她无效。(毫无争议)visibility原创 2016-07-19 18:03:24 · 4008 阅读 · 0 评论 -
前端夯实基础(六)--- CSS的四个伪元素+彩蛋
1、:first-line用于向文本的首行设置特殊样式,只能用于块级元素。p{ width: 200px; color: #c0c0c0;}p:first-line { color: skyblue;}<p>海洋几乎涵盖所有的动物种类。海洋动物门类繁多,各门类的形态结构和生理特点可以有很大差异。微小的有单细胞原生动物,大的有长可超过30 m、重超过 1.90...原创 2019-08-22 13:56:24 · 322 阅读 · 0 评论 -
前端夯实基础(一)--- 浏览器内核
浏览器内核有市场就有竞争,大家都搞个内核想分一杯羹。常用五大浏览器:IE、火狐、Chrome、Safari和Opera。因此内核就有所不同。浏览器内核:渲染引擎(Render Engine)+Js引擎。内核说明Trident(IE内核):国内多数双核浏览器的其中一核即为Trident,称为“兼容模式”。Win10发布后,内置浏览器为Edge,其新特点即是EdgeHTML内核。Ge...原创 2019-08-18 13:13:15 · 193 阅读 · 0 评论 -
前端夯实基础(二)--- HTML(超文本标记语言)基础
1、超(Hyper)文本?可以加入图片、声音、动画、多媒体等内容,还可以与其他文件链接。2、标记语言标记语言就是一套标记标签。用标记来描述网页,把网页在浏览器中展示出来。3、标签类型双标签:head、body、div、span···单标签:br、hr、img···或块级元素:html、body、div、header、footer、nav、section、aside、arti...原创 2019-08-18 15:54:58 · 307 阅读 · 0 评论 -
前端夯实基础(三)--- HTML之Table
1、表格存在的意义显示格式数据。使表格数据在没有CSS的情况下,依然具备可读性。2、表格标签 W3School练习地址<table> <tr> <th>x列头</th> <th>y列头</th> <th>z列头</th> </tr> <tr> ...原创 2019-08-18 17:59:50 · 195 阅读 · 0 评论 -
前端夯实基础(四)--- HTML之Form
1、表单表单控件提示信息表单域 <form>之间的内容</form>2、<input />输入类型W3CSchool练习地址type:说明属于哪种表单text:单行文本框password:密码输入框,浏览器会将输入内容变成*******button:<input>标签会渲染成一个按钮<input type="button...原创 2019-08-18 23:58:32 · 189 阅读 · 0 评论 -
前端夯实基础(五)--- CSS选择器及权重+彩蛋
CSS 参考手册+练习地址1、三种样式表行内样式表<h1 style="color:pink; height:20px"> 行内样式表 </h1>内部样式表:位于 <head> 标签内部被<style>包裹。<head><style> h1 {color:pink}</style><...原创 2019-09-08 22:34:20 · 143 阅读 · 0 评论 -
前端夯实基础(七)--- 字体样式font属性
font-style、font-weight、font-size、line-height、font-family、font皆可被行内元素继承。1、font-stylenormal:正常italic:斜体2、font-weight数字以100为步长。400:normal700:bold3、font-sizepx:通常使用双数。任意浏览器的默认字体大小都是16px。em:...原创 2019-08-28 21:54:43 · 607 阅读 · 0 评论 -
前端夯实基础(八)--- link与@import
link属于html标签,而@import是css提供的页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。link是html标签,因此没有兼容性,而@import只有IE5以上才能识别。link方式样式的权重高于@import的。...原创 2019-09-08 00:00:57 · 296 阅读 · 0 评论