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类名的标签，寻找具有...