- 博客(5)
- 收藏
- 关注
RSS订阅原创 几种方法实现三栏布局
实现左右两栏固定，中间自适应的三栏布局1.利用浮动的方法<style> .left, .right { width: 200px; height: 300px; } .left { float: left; background-color: aquamarine; } .right { float: right; background-color: lightcoral; } .center { he
2020-12-06 13:12:38
312
2
原创 常用的实现元素水平垂直居中的方法
常用的实现元素水平垂直居中的方法1. 利用绝对定位、设置4个方向上的值都为0，然后设置 margin：auto。由于宽高固定，所有方向实现平分 <style> * { margin: 0; padding: 0; } html, body, .wrapper { width: 100%; height: 100%; } /*使父元素有高度*/ .wrapper{ posi
2020-12-06 11:22:57
208
原创 清除浮动（解决高度坍塌的问题）的方法5种
高度坍塌的根源常规流盒子的自动高度，在计算时，不会考虑浮动盒子如果父盒子没有给高度，但是里面的子元素浮动，或者绝对定位，固定定位，都会使这个子元素脱离文档流，使父元素不能够获取元素的高，也就是不能自适应子元素的高了，既然不能自适应子元素的高了，那么父元素的高就是0，那么后面的元素自然 就跑上来了。方法一：给浮动元素的父辈容器添加高度缺点: 需要手动添加高度, 如何后面子元素的高度发生变化之后,还行再次修改父辈的高度, 给后期的维护带来麻烦.优点: 简单粗暴直接有效<style>
2020-12-06 10:47:07
1466
1
原创 2020-12-06常见的几种选择器
常见的几种选择器1. 标签名选择器一个XHTML文档中有许多标签，例如p标签，h1标签等。若要使文档中的所有p标签都使用同一个CSS样式，就应使用标签选择器。2. 类选择器类选择器以一个点（.)前缀开头，然后跟随一个自定义类名。具体步骤为：先在标签中定义class属性，然后把该属性值设置为实现定义好的类选择器名称即可。主要用途：若要为相同的标签赋予不同的CSS样式就应使用类选择器 <style> .name{ font-size: 2em; col
2020-12-06 09:56:44
660
原创 2020-12-03伪选择器
伪选择器伪选择器不是选择元素，而是元素的某些部分，或仅在某些特定上下文中存在的元素。有两种主要类型 ： 伪类和伪元素。伪类和伪元素的区别1）伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的元素时，我们可以通过:hover 来描述这个元素的状态。2）伪元素只要是用来创建一些不在文档中的元素，并为其添加样式。比如说，我们可以通过:before 来在一个元素前增加一些文本，并为这些文本添加样式。常见的几种伪类：链接伪类link:
2020-12-03 17:31:24
269
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人