CSS解读
文章平均质量分 73
NeverGiveUp33
这个作者很懒,什么都没留下…
展开
-
前端面试:两边固定,中间自适应布局
普通实现<style> .box{ display:flex } .left,.right{ width:200px height:600px background:red } .center{ width:100% height:600px background:greed }</style><body> <div class="box"> <div class="left"></div原创 2021-03-28 16:39:06 · 543 阅读 · 0 评论 -
display的flex布局学习笔记
flex布局的样式如图:在flex布局中,float、clear、vertical-align都将失效 任何一个容器都可以使用display:flex布局 行内元素使用display:inline-flex(用法与flex相同)对于容器有6个属性flex-direction:容器内项目的排列方向(默认横向排列) row:从左到右排列 row-reverse:从右到左 column:从上到下 column-reverse:从下到上 flex-wrap:容器内项目换行方式(原创 2020-11-07 22:13:01 · 89 阅读 · 0 评论 -
CSS标签元素解读(块级元素、内联元素、内联块元素)
CSS标签元素在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(行内元素)和内联块状元素块级元素块级元素是独占一行显示的,它的兄弟元素必定不会与其在同一行中,一般是其他元素的容器元素,能容纳其他块元素或内联元素常见的块级元素:<div>、<p>、<h1~h6>、<form>、<ul>、<li>、<ol>、<dl>、<table>、<address>、&原创 2020-12-28 11:13:14 · 767 阅读 · 0 评论