发表于： 2018-12-11 23:28:32
1 693
今天完成的事：块级元素和行内元素的区别、边框的box-flex属性
明天的计划：提交任务三，做任务四。
遇到的问题：不能理解到底做到什么程度，才算掌握css的一些属性
收获：
一、HTML元素分两种：块级元素、行内元素
块级元素：独占一行，唯我独尊，要占可以，当我小弟（嵌套），float浮动后除外、
行内元素：也叫内联元素、内嵌元素，只能容纳文本或 其它内联元素。
两者区别：
1、块级元素独占一行，行内元素一行可以占多个
2、块级元素的高度、行高、内外边距可改变，行内元素的高、行高、内外边距不可改变
3、块级元素不设定宽度是是100%，行内元素的宽度是文字或图片的宽度，不可改变。
4、块级元素可嵌套其它块级元素、行内元素，行内元素只能容纳文本或者其它行内元素。
自己常用块级元素：div、p、ul、table
自己常用内联元素：span、a、img、input、select
二、box-flex属性（目前没有浏览器支持该属性，但是有代替属性）
box-flex：规定框的子元素是否可伸缩尺寸。
Firefox支持替代的 -moz-box-flex,Safari、Opera以及Chrome支持替代的-webkit-box-flex属性。
返回列表
评论