css
关注
分享
扫一扫
文章平均质量分 54
银辟法斯特
成长中的前端菜鸟一只
展开
-
基于CSS伪元素边框的小三角形
效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三角形</title> <style> div {原创 2018-07-18 22:29:40 · 1316 阅读 · 0 评论 -
CSS之浮动（float)的概念
要弄懂浮动首先要了解标准流的概念标准流（normal flow)是指在html中标签元素按照默认方式排列下的布局默认方式下块级元素单独占一行，而文字和行内块元素则从左往右依次排列。举个简单的例子： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2018-07-01 17:05:50 · 1289 阅读 · 0 评论 -
CSS之清除浮动的几种方法
为什么要清除浮动？在标准流的布局中，一个父盒子下有多个子盒子时，如果不给定高度，父盒子会随着子盒子的高度而撑开。然而当我们给子盒子浮动的属性后，由于浮动的块级元素不占标准流的块级元素的位置，父盒子并未随着子盒子的高度而撑开，而是“坍缩”成一个高度为0的块级元素。这会影响父盒子下面块级元素的布局。所以清除浮动，是为了不影响其他元素，消除浮动带来的影响。清除浮动的几种方法。...原创 2018-07-03 13:19:58 · 461 阅读 · 0 评论 -
CSS之常用自适应+定宽布局
左边自适应,右边固定宽度思路:1.右边元素float:right2.主元素不定宽,设置margin-right为右元素宽度3.HTML树:右元素+主元素代码:HTML:<div class="right">right</div><div class="main">main</div>CSS: * { ...原创 2018-09-07 16:46:18 · 339 阅读 · 0 评论