![](https://img-blog.csdnimg.cn/2eb3a7c8cca74eddad2be04085c9fd03.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端学习之CSS
crystal_iwwish
多读书 多看日出
展开
-
CSS-解决inline-block空隙的最好方法
如图所示,设置inline-block,就会使得两个盒子直接产生空隙对于解决这一问题最好的方法有两种第一种:给父元素加入display:table.parent { display: table; }第二种:给父元素加入word-spacing: -1em; .parent { word-spacing: -1em; }...原创 2021-11-13 23:00:14 · 388 阅读 · 1 评论 -
外边距的特殊情况
外边距的几种情况▶正常情况:水平布局的盒子,左右margin正常,互不影响,最终两者的距离就是左右margin的和▶外边距折叠-1)合并现象:垂直布局的盒子,上下的margin会合并,最终两者的距离为margin的最大值▶外边距折叠-2)塌陷现象:: 互相嵌套的块级元素,子元素的margin-top会作用在父元素身上,导致父元素一起往下移动 <style> body { background-color: #8df; } .bo原创 2021-09-12 19:46:49 · 100 阅读 · 0 评论 -
css-背景属性
背景属性背景颜色(bgc):background-color背景图片(bgi): background-image(但凡是产品都是用的img 装饰性的图片都是用背景)背景平铺(bgr):background-repeat取值效果repeat(默认值)水平和垂直方向都平铺no-repeat不平铺repeat-x沿着x轴平铺repeat-y沿着y轴平铺背景位置:background-position背景大小:background-size原创 2021-09-12 19:28:04 · 113 阅读 · 0 评论 -
css-元素居中方法总结
水平居中text-align:center;(可以让文本、行内元素、行内块元素居中)注意: 如果需要让以上元素水平居中,此时直接给其父元素设置margin:0 auto; (让块级元素居中)注意: 直接给当前元素设置垂直居中line-height(让单行文本居中)...原创 2021-09-12 19:01:37 · 71 阅读 · 0 评论 -
css-选择器
关于选择器原创 2021-06-27 22:36:41 · 69 阅读 · 0 评论 -
css-font字体和文本样式
关于font字体font-size:设置字体大小font-family:设置字体样式注:有多个字体时,每个字体中间用逗号分隔。例如:font-family=”样式1“,”样式2“,”样式3“;(中文字体要加引号,英文字体中若含有空格及特殊字符也需要加引号)font-weight:设置字体粗细属性值:normal | bold | numberfont-size:设置字体风格属性值:normal | italic(斜体)四种属性综合语句为:{ font:font-style="原创 2021-06-27 22:50:48 · 182 阅读 · 0 评论