CSS - 24小时课堂在线

css如何实现ul和li横向排列

24ketang 技术 2020年4月21日阅读(454) 评论关闭

因为li是块级元素，默认占一行的，要想实现横向排列，一般通过以下两个方法：float:left这样设置有一个问题，li浮动以后则脱离了文本流，即不占位置，如果它的父级元素有具体的样...

24ketang 技术 2020年4月17日阅读(391) 评论关闭

以下以数字开头的 CSS 类名不会生效：.1st{ color: red;}一个合法的 CSS 类名必需以下面其中之一作为开头：1、下划线 _2、短横线 -3、字母 a - z然后...

24ketang 技术 2020年4月16日阅读(381) 评论关闭

大家在写css的时候，肯定有过忘记设计里面存在的临界的情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证c...

24ketang 技术 2020年4月13日阅读(429) 评论关闭

什么是BFC？块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。我们先了解一个名词：BFC（block form...

24ketang 技术 2020年4月10日阅读(456) 评论关闭

什么是等高布局？指在同一个父容器中，子元素高度相等的布局。从等高布局实现方式来说分为两类：1、伪等高子元素高度差依然存在,只是视觉上给人感觉就是等高。2、真等高子元素高度相等。伪等...

24ketang 技术 2020年4月9日阅读(590) 评论关闭

css实现垂直居中的方法如下：1、利用line-height实现居中，这种方法适合纯文字类的；<style>.parents { h...

24ketang 技术 2020年4月6日阅读(465) 评论关闭

三中的使用方法的简单实例如下：行内样式：<!doctype html><html><head> <meta charset="U...

24ketang 技术 2020年4月6日阅读(586) 评论关闭

目标：实现一个宽度自适应，高度为宽度一半的容器。一、思考如何实现这个问题类似于：我们在移动端页面，上面有一张宽度 100% 的图片，如果我们没设置高度，则图片会根据原有尺寸，等比缩...

24ketang 技术 2020年4月3日阅读(420) 评论关闭

首先是构思：我们使用<input type="checkbox">标签来实现这个效果。checkbox的选中、未选中的特性，刚好对应开关的打开、关闭...

24ketang 技术 2020年4月1日阅读(590) 评论关闭

CSS zoom属性zoom：设置或检索对象的缩放比例，触发IE浏览器的haslayout属性，解决浮动，margin重叠等一些问题。语法：zoom:normal（推荐教程：CSS...