![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习HTML遇到的问题
进阶路上的绊脚石
Yolo ʚɞ
努力进阶的前端女程序员一枚
展开
-
设置0.5像素的边框
原创 2021-08-02 11:02:31 · 152 阅读 · 0 评论 -
@font-face的使用
@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体(@font-face这个功能早在IE4就支持)@font-face的语法规则:@font-face { font-family: <YourWebFontName>; src: <source> [<format>][, []]*; [font-weight: <w原创 2021-07-31 16:32:06 · 325 阅读 · 0 评论 -
盒子居中的方法
【方法1】margin值必须知道两个盒子的宽高,用大盒子的宽度减去小盒子的宽度在除2,再用margin-top,margin-left进行移动【方法2】当小盒子宽高不固定的时候实现盒子的居中水平居中:把小盒子设置为行内块元素(inline-block ( 行内块元素 )),父元素设置text-align:center;垂直居中:当两个元素在同一行显示,这两个元素高度不一样,这两个元素垂直对齐默认基线对齐,垂直居中对齐用vertical-align属性,注意:两个元素都需要设置vertical原创 2021-07-21 19:15:32 · 4155 阅读 · 0 评论 -
高度塌陷的解决方法
高度塌陷:子元素浮动,但是父元素没有设置高度,导致父元素的高度为0(不能撑开)解决高度塌陷:【1】给浮动的父元素设置overflow:hidden因为设置overflow:hidden 元素没有高度的时候,会检测真是高度(会计算你所有子元素的高 度),浮动元素也会计算,顺带也把高度塌陷的问题解决了缺点:会把定位在外面的元素隐藏【2】在浮动元素下方添加空div,并给该元素添加,表示父元素需要计算这个元素的高度 声明:div{ clear:both; ...原创 2021-07-23 09:41:44 · 70 阅读 · 0 评论 -
css解决留白问题
1、图片底部留白解决方案:将img转化为块级元素display:block;2、行内元素间的空白问题解决方案:给父元素加font-size:0px;再单独给子元素设置文字大小就能显示出行内元素内容;给div或img加{vertical-align:bottom;display:block} 属性完美解决...原创 2021-07-23 15:41:06 · 1404 阅读 · 0 评论