zyz00000000的博客

1. 伪元素：可以当做html标签用css样式来操作，但是没有html结构（1）任何一个元素都有伪元素，可以当做正常元素来使用。（2）::before ：在标签的逻辑之前；::after：在标签的逻辑之后  （3）通过css选择器选中伪元素，对伪元素进行修改，而不是通过css创造了伪元素。（4）content设置伪元素的文字内容，即使没有文字，也必须存在。（5）伪元素的默认di...

1. 盒模型和模型包括：content区、padding区、border区、margin区注意：padding和content区的颜色一样；border有自己的颜色；问：如果border是虚线，那么虚线之间的颜色是什么呢？答：跟content、padding颜色一样有趣的理解：盒模型三个区的颜色：content区是帝都，相邻的padding受content控制，颜色与con...

1.单行文本 white-space：nowrap；空白部分不换行overflow：hidden；溢出部分隐藏 text-overflow：ellipsis；文字溢出部分，打点展示2. 多行文本height = line-height的几倍；就是展示几行文字。3. 背景图片通常建议使用这个复合属性background，而不是分别使用单个属性，因为这个属性在较老的浏览器中...

1. 网络慢的时候，会只加载html内容，不加载css样式，页面只显示html的文字内容。  显示的效果： 解决办法（1）：a { display: inline-block; width: 190px; height: 140px; border: 1px solid black; background-image: url(ht...

1. css引入三种方式（1）行间样式；（2）页面内css；（3）外部css文件，用<link rel="stylesheet" href="">注意：HTML标签解析时，解析一个标签，浏览器执行一个标签；当解析link标签时，浏览器开启一个新的线程，异步的加载link标签引用的文件。2. css选择器（1）#id选择器；（2）.class选择器；（3）标签选择器；（...

定义和使用使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。2. css2中media查询：通过<link>标签的media属性为样式表指定设备类型：比如：...

1. 盒子margin-left和margin-top的设置，使得背景是灰色，而灰色部分真是大盒子的背景颜色要实现的样式：应该用padding，这样颜色就和盒子颜色一样。2. 红心是个图片，通过line-height = height让红心和文在垂直居中的时候，红心还有往下，我们可以通过margin-top上下移动红心，让它和文字水平对齐。3. 让“今日预定”这个绿色的...

css样式： .shade { // 遮罩层的实现方法 position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(36, 36, 36, 0.5); z-index: 99; }注意：拥有.shade类名的标签，寻找具有...