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{ ...