nullccc的博客

效果如下，transition将会耗时0.5秒完成这个动作。

如何让 js 和 css 媒体查询断点联系起来？然后在JavaScript中，我们可以阅读这个值。首先，我们将这个值赋给一个变量。 这样就可以在js中获得当前媒体查询信息了。10.8 采用务实的解决方案 假设我们有一个按钮可以打开离屏菜单。我们的自然反应可能会是这么编写。但是在有些浏览器中，button 标签并不支持 flax 布局。其实使用 a 标签替代即可，并不用追求完美。...

它可以把容器内长连接截短。text-overflow: ellipsis; 截断文本white-space: nowrap声明是为了确保长出来的文本不会折行显示在外部元素中。这里的 white-space: nowrap 意思是有空白的时候不折行。为了把所有内容都保持在一行，我们设置了所有子元素为行内元素。虽然使用的是inline-flex，其实 inline-block 或 inline-table 都可以。 两种方式，可选择属性和属性的值。除了这三种，还有空格分割的属性选择符

这个布局宽度为960像素，但页头和页脚都是与屏幕一样宽的。左侧边栏宽度是200像素。按照左边左边宽度100像素，右边100像素，中间便是660像素。使用960/200 = 0.208333333 得出右边百分比，其他宽度以此类推。以百分比为宽度设置css即可。现有布局缺点：行内块与空白会渲染空白、复杂的浮动、表格与表元(display:table布局，我也不懂)。效果：代码： display: flex：这是Flexbox的根本所在。这里就是把当前元素设置为一个Flexbox（而 不是blo

这一行没有 type 标签，结尾也没有斜杠，但是他是完全合法的。a 标签内将可以嵌套东西。 网站头部 网站尾部 放置主要元素 放置主要元素 放置导航元素 放置通用区块 广告和导航元素等，于电子商务站点来说，我会把“购买了这个商品的用户还购买了”的内容放在里面。 和 ...

媒体查询常用于自适应css布局，在这里不过多赘述。 用@media开通 注意@符号 mediatype 媒体类型 关键字 and not only media feature 媒体特性，必须有小括号包含其中，媒体查询使用 and、or、not，only 连接，如果成立便执行花括号内 css。screen其中上述属性都可以通过添加前缀 min- 或 max- 来添加限制。它可以在其中设置具体的宽度（比如使用像素单位），或者设置一个比例（比如2.0，即实际大小的两倍）。下面