随笔分类 - css
摘要：分享一些刚学习前端时写的静态页面 (*^▽^*) 想要页面源码的或者其它风格的页面源码可以添加微信：Q1823706051
阅读全文
摘要：1、绘制三角形 用 css 画三角形主要是利用边框 border 来设置的，是不是有点迷惑？我们先试试把 div 四条边框设置成不同的颜色看看会出现什么效果： <head> <style> .triangle { width: 50px; height: 50px; border-bottom: 2
阅读全文
摘要：CSS 实现三列布局，左右固定宽度，中间自适应，如下图所示： 1、绝对定位法 原理是将左右两边使用absolute定位，因为绝对定位使其脱离文档流，后面的 middle 会自然流动到他们上面，然后使用margin属性，留出左右元素的宽度，既可以使中间元素自适应屏幕宽度。 <style> *{ mar
阅读全文
摘要：一、伪类 下面列举一些常见的伪类（来自W3C截图）： 二、伪元素 下面列举一些常见的伪元素（来自W3C截图）： 最后注意：伪类和伪元素都不会存在于原文档和文档树里。
阅读全文
摘要：相同点 display：none 和 visibility：hidden 都能把网页上的某元素隐藏起来 不同点 display:none 不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失。隐藏产生回流和重绘（reflow 和 repaint），我们来看一下具体效果： <div> <stron
阅读全文
摘要：一、对于行内元素 1、text-aligin实现水平居中 text-aligin：center 二、对于确定宽度的块级元素 2、margin实现水平居中 margin:0 auto 3、绝对定位absolute和margin-left实现水平居中 1 .one { 2 width: 400px; 3
阅读全文
摘要：一、为什么会出现浮动？ 主要是父元素没有支撑的东西，导致父元素高度塌陷 二、为什么要清除浮动？ 如果在标准流下面一个父元素没有设置高度属性,那么它的高度就会被子元素的高度撑开，即自适应。但是如果这个父元素中的子元素是浮动的话，由于浮动元素不再占用原文档流的位置，浮动元素的高度不会计算在父元素的高度中
阅读全文
