xiaoxingxingzai的博客

注意点：1.position:absolute或者float:left/right打内部把元素转换成inline-block元素2.a标签是行级元素，不能设置宽高，要想能设置宽高则设置为块级或行块级元素3.行级元素只能嵌套行级元素；块级元素可以嵌套任何元素特例：p标签不能嵌套块级元素（就这一个特殊）4.background缩写样式背景颜色background-color背景图片bac...

<style> .wrapper{ width: 600px; height: 600px; border: 1px solid black; } .content{ width: 400px; height: 500px; background-color: gre...

<style> a{ display: inline-block; width: 250px; height: 150px; background-image: url("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1728444903,291...

一.背景图片完全铺满容器方法：背景图片宽高等于容器宽高<style> div{ width: 400px; height: 400px; border: 1px solid black; background-image: url("../image/pig.jpg"); background-...

文字溢出容器，要打点展示多行文本目前没有什么好的技术，只能告诉后端我这最多能传多少文字；而单行文本有三件套来实现打点展示。一.单行文本文字溢出现象<style> p{ width:500px; border: 1px solid black; height: 20px; line-height: 20px...

一.利用通用选择器，写出共有属性，反正后面可以修改（后面会覆盖前面的值）*{ margin: 0; padding: 0; color: #424242; font-family: Arial; /*通用字体*/ }二.要经常有全局与局部的思维作用于所有a标签 a{ text-decoration: no...

clear属性一.说明clear 属性规定元素的哪一侧不允许其他浮动元素。二.取值left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素。none 默认值。允许浮动元素出现在两侧。inherit 规定应该从父元素继承 clear 属性的值。通常取值为both注意：使用该属性的元素必须是块级元素（block或inline-block...

一.伪类二.伪元素

包裹浮动元素<style> .wrapper{ border: 1px solid black; } .content{ width:100px; height: 100px; background-color: black; color: #fff; float:...

float属性注：浮动元素产生了浮动流       所有产生浮动流的元素，块级元素看不到它们；      产生了bfc的元素和文本类属性(inline)的元素以及文本都能看到浮动元素。<style> .wrapper{ wid...

一.margin塌陷原理:父子嵌套元素在垂直方向的margin,父子元素是结合在一起的,他们两个的margin会取其中最大的值。正常情况下,父级元素应该相对浏览器进行定位,子级相对父级定位。但由于margin的塌陷,父级相对浏览器定位.而子级没有相对父级定位,子级相对父级,就像坍塌了一样。<style> .wrapper{ width:200px; ...

<style> .one{ width:400px; height: 200px; background-color: green; /*float: left;或者position: absolute;都可以*/ position: absolute; opacity: 0.25;...

伪类选择器伪类选择器就是对元素处于某种状态下进行样式的1.锚伪类—超链接伪类（不止是a标签，其他标签也可以）在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 *...

css：(cascading style sheet)层叠样式表一.css引入方式1.行间样式<div style="width:100px;height:100px;background-color:red;"></div>2.页面级css<style>.app{ width:100px;}</style>3.外部css文...

父子选择器父子选择器也叫派生选择器，特点是组合使用—关联。关联是一个用空格隔开的两个或更多的单元选择符组成的字符串，优先权比单一选择符大。1.p .content{ }表示p标签下的所有class为content的标签，而其他部分不受影响<style> div em{ background-color: yellow; }</s...

一.absolute定位设置为绝对定位的元素框从文档流完全删除，元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。脱离原来位置进行定位即已经不属于这个层面了。绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置<style> .one{ ...