weixin_45976564的博客

元素的显示与隐藏类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现本质：让一个元素在页面中隐藏或者显示出来一.display属性（显示隐藏元素，但是不保留位置）display：none ；隐藏对象 display：block；除了转换为块级元素之外，同时还有显示元素的意思display隐藏元素后，不再占有原来的位置。后面应用及其广泛，搭配js可以做很多的网页特效二.visibility可见性（显示隐藏元素，但是保留原来位置） visibility：vis

定位细碎小知识一.子绝父相的由来。子级是绝对定位的话，父级要用相对定位子级绝对定位，不会占有位置，可以放在父盒子里面的任何一个地方，不会影响其他的兄弟盒子 父盒子需要加定位限制子盒子在父盒子内显示 父盒子布局时，需要占有位置，因此父盒子是相对定位这就是子绝父相的由来，所以相对定位经常用来作为绝对定位的父级。总结：因为父级需要占有位置，因此是相对定位，子盒子不需要占有位置，则是绝对定位当然，子绝父相不是永远不变的，如果父元素不需要占有位置，子绝父绝也会遇到。二.固定定位（fixe

定位存在的意义和不同定位之间的区别为什么需要定位某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子，这样的效果，标准流或浮动都无法快速实现，此时需要定位来实现。所以：浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕或者固定屏幕中某个位置，并且可以压住其他盒子。定位的组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。定位模式用于指定一个元素在文

清除浮动的方法额外标签法也称为隔墙法，是W3C推荐的做法 父级添加overflow属性 父级添加after属性 父级添加双伪元素额外标签法额外标签法会在浮动元素末尾添加一个空标签。例如<div style=" clear.both" > </div>,或者其他标签（如<br/>等）优点：通俗易懂，书写方便 缺点：添加许多无意义的标签，结构化较差注意：要求这个新的空标签必须是块级元素。父级添加overflow可以给父级添加overflo...

圆角边框 盒子阴影 文字阴影圆角边框在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了border-radius属性用于设置元素的外边框圆角。语法： border-radius : length ;radius半径（圆的半径）原理：（椭）圆与边框的交集形成圆角效果。参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一般即可，或者直接写成50% 如果是个矩形，设置为高度的一半就可以做 该属性是一个简写属性，可以跟...

盒子模型（Box Model）组成：边框（border）、外边距(margin)、内边距(padding)、和实际内容(content)。边框（border）border可以设置元素的边框，边框有三部分组成边框宽度(粗细）、边框样式、边框颜色。语法： border ： border-width || border-style || border-color属性 作用 border-width 定义边框粗细，单位是px（像素） border-style...

CSS的三大特征CSS有三个非常重要的三个特征：层叠性、继承性、优先级。一.层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式，层叠性主要解决样式冲突的问题层叠性原则：样式冲突，遵循的原则是就近原则，那个样式离机构近，就执行那个样式 样式不冲突，不会层叠二.继承性现实中的继承，我们继承了父亲的姓CSS中的继承子标签继承父标签的某些样式，如文本颜色和字母，简单的理解就是：子承父业给当地使用继承可以简化代码，降低CSS样式的复杂性 子元素可以继承

CSS的背景通过CSS背景属性，可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。一.背景颜色background-color属性定义了元素的背景颜色。background-color:颜色值;一般情况下元素背景颜色默认值是transparent（透明），我们也可以手动指定背景颜色为透明色。二.背景图片background-image属性描述了元素的背景图像，实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片

CSS引入方式一.行内样式表（行内式）行内样式表(内联样式表）是在元素标签内部的style属性中设定CSS样式，适用于修改简单样式<div style="color:red; font-size:12px;">青春不常在，学习是正道</div>style其实就是标签的属性 在双引入中间，写法要符合CSS规范 可以控制当前的标签设置样式 由于书写繁琐，并且没有体现出结构与样式相分离的思想，所以不推荐大量使用，只有对当前元素添加简单样式的时候，可以考虑使用。 使.

CSS的元素显示模式作用：网页的标签非常多，在不同性质的网页会用到不同类型的标签，了解他们的特点可以很好的布局我们的网页。元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。HTML元素一般分为块元素和行内元素两种类型。1.块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<d

CSS的复合选择器在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基础选择器进行组合形成的。复合选择器可以更准确，更高效的选择目标元素（标签） 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。 常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等。1.后代选择器后代选择器又称为包含选择器，可以选择父元素里面子元素，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，当标签发生嵌套时，内层标签

CSS文本属性文本颜色对齐文本装饰文本文本缩进行间距总结CSS Text(文本)属性可定义文本的外观，例如文本颜色、对齐文本、装饰文本、文本缩进、行间距等。文本颜色color属性用于定义文本的颜色div {color:red;}属性描述预定义的颜色值red，green，blue等十六进制#FF0000，#FF6600RGB代码rgb（255.0.0）或rgb（100%，0%，0%）开发中最常用的是十六进制对齐文本text-align属性用于设置元

HTML5绝对路径和相对路径的不同路径通常一个页面中需要放多个图片，我们就需要建立一个文件夹来存放这些图片，查找图片时需要通过“路径”来查找其位置。绝对路径绝对路径：是指根目录下的绝对路径，通常是网盘开始的路径。相对路径相对路径：以图片引用位置为参考基础，而建立的目录路径。相对路径是在目录的基础上产生的，简单的说是在相同根目录的情况下从一个网页到另一个网页的转换过程。相对路径是从代码所在的这个文件出发，去寻找目标文件的。而我们这里所说的上一级，下一级和同一级就是相对于HTML页面的位置。

主要是有两方面原因1.HTML5不同于普通文本是由普通文本所不具有的图片、声音？视频和普通文本所具有的文字构成。2.普通文本是不能从一个文本跳转到另一个文本的而HTML5可以。此上就是HTML5称之为超文本语言的原因。HTML5是由标签组成。HTML5称为超文本标记语言...

寻找前端的路，认真系统的学习前端不负韶华加油(ง •̀_•́)ง