先言： 现在网页布局大多都是flex布局，像浮动这些用得比较少，在面试中flex也是被经常问到的。而有些同学学完flex后，又不懂怎么练习巩固，所以，所以，所以，我汇聚了一些常见的flex的练习题案例，写完再次加强掌...

css如何选择同一个class下的第一个div? div class=ms-u/div div class=ms-u/div div class=ms-u/div .ms-u:nth-child(1) {......}...

新手理解HTML、CSS、javascript之间的关系:今天就从宏观的角度入手来归纳总结一下。 最准确的网页设计思路是把网页分成三个层次，即：结构层(HTML)、表示层(CSS)、行为层(Javascript)。 一、HTML、CSS、JavaScript...

在网页中加两行css * { margin : 0 ; padding : 0 ; } html , body { width : 100 %; height : 100 %; position : absolute ; left : 0 ; top : 0 ; overflow - x : hidden ; overflow - y : auto ; }...

需求 要求不管原图的大小是多少，宽度一定，高度要自自适应为16:9。 分析 对于正常的固定好宽度大小，这个需求很容易解决，直接通过人工计算，根据宽度的数值计算好高度的数值，然后css直接设置高度就行了。这样当...

自适应的椭圆 1.自适应的椭圆 实现方式是通过border-radius这个属性；border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值，还能接收百分比的值。百分比的值会基于元...

HTML： 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 ( H yper T ext M arkup L anguage) HTML 不是一种编程语言，而是一种 标记语言 (markup language) 标记语言是一套 标记标签 (ma...

字体：font-style：italic；斜体 font-weight：bold；加粗 font-size：30px；大小 line-height：30px；行高 font-family：SimHei；字体 以上必须按顺序来，有些可以不写； 分开写和一行控制： 注： font-size与line...

起源：前几天测试发来一个需求，内容要求看图： 看到这个需求，我有点懵逼。现在的情况是只有点击日期内容框空白区域时，才会响应点击事件显示下拉日期菜单。 而这个icon图标我是绝对定位到日期内容框中的，它的图...

高度塌陷产生原因: 在浮动布局中，父元素的高度默认被子元素撑开，当子元素浮动后，其会完全脱离文档流，子元素从文档流中脱离将会无法撑起父元素的高度，导致父元素的高度丢失。 解决高度塌陷缘由: 由于高度塌陷会...