CSS3
文章平均质量分 77
斌哥谈编程
笔记记录、干货分享、共同学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端布局学习笔记(第一篇:入门)
文章目录一、知识点1、margin、padding有什么区别,不想再混乱了2、五种最常见的CSS页面布局3、box-sizing属性是什么作用?4、行内元素水平方向不对齐有哪些原因?5、块标签、行内标签、行内块标签有哪些?区别是什么?6、如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?7、display有哪些值?说明他们的作用?8、请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?9、CSS3有哪些新特性?10、display:none与visibility:hidden原创 2021-05-11 14:34:35 · 342 阅读 · 1 评论 -
行内元素高度对齐问题
文章目录1、什么是行内元素2、行内元素高度对齐问题3、行内块元素4、实例总结1、什么是行内元素行内元素也称为内联元素,行内元素的特点:总是和相邻的行内元素在同一行上(物以类聚)设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效。默认宽度是他自身内容的宽度。行内元素只能容纳其他行内元素或者文本。2、行内元素高度对齐问题有这样一个场景,代码如下:<!DOCTYPE html><html lang="en"><head&g原创 2021-05-10 16:21:46 · 1101 阅读 · 2 评论 -
box-sizing属性是什么作用?
文章目录1、场景说明2、未用box-sizing属性之前3、box-sizing属性的作用1、场景说明要实现界面主区域块100%显示2、未用box-sizing属性之前<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>box-sizing属性是什么作用?</title> <style>原创 2021-05-09 11:48:47 · 1126 阅读 · 0 评论
分享