![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
cake_eat
加油,xm
展开
-
让一个元素水平垂直居中,到底有多少种方案?
水平居中 • 对于行内元素: 给如果父级元素是块级元素,则直接给父级元素设置text-align: center; 如果父级不是块级元素,则先将其父元素设置为块级元素,再给父元素设置 text-align: center; • 对于确定宽度的块级元素: width和margin实现。margin: 0 auto; 首先设置父元素为相对定位,再设置子元素为绝对定位,设置子元素的left:50%。设置绝对子元素的 margin-left: -元素宽度的一半px; 或者设置transform: transl原创 2020-12-19 19:07:09 · 225 阅读 · 1 评论 -
浮动布局的优缺点,清除浮动有哪些方式?
什么是浮动布局: 当元素浮动以后可以向左或向右移动,直到它的外边缘碰到包含它的框或者另外一个浮动元素的边框为止。 元素浮动以后会脱离正常的文档流,所以文档的普通流中的框就变现的好像浮动元素不存在一样。 浮动布局的优点: 这样做的优点就是在图文混排的时候可以很好的使文字环绕在图片周围。另外当元素浮动了起来之后,它有着块级元素的一些性质例如可以设置宽高等,但它与inline-block还是有一些区别的,第一个就是关于横向排序的时候,float可以设置方向而inline-block方向是固定的;还有一个就是inl原创 2020-10-15 14:41:19 · 1305 阅读 · 0 评论 -
让一个元素水平垂直居中,到底有多少种方案?
让一个元素水平垂直居中,到底有多少种方案? 水平居中 对于行内元素: text-align: center; 对于确定宽度的块级元素: width和margin实现。margin: 0 auto; 绝对定位和margin-left: -width/2, 前提是父元素position: relative 对于宽度未知的块级元素 table标签配合margin左右auto实现水平居中。使用table标签(或直接将块级元素设值为display:table),再通过给该标签添加左右margin为原创 2020-10-15 11:31:25 · 951 阅读 · 0 评论 -
HTML5和HTML的区别,CSS3和CSS的区别
HTML5 和 HTML的区别 WSSchool官方解释 https://www.w3school.com.cn/html5/html_5_intro.asp HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article、footer、header、nav、section 新的表单控件,比如 calendar、date、time、email、url、search CSS3和CSS的区别原创 2020-10-14 18:59:50 · 457 阅读 · 1 评论 -
css选择器
https://www.cnblogs.com/haiyan123/p/7552235.html原创 2020-09-30 19:15:08 · 82 阅读 · 0 评论