自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (1)
  • 收藏
  • 关注

原创 :root的用法注意

:root的作用相当于html,但是要注意在使用时,在设置背景颜色的时候,背景的显示范围还是整个窗口。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> :root{ width: 300px; height: 300px; background-

2020-10-28 21:20:50 910 1

原创 实现单行文本溢出显示省略号的效果

1、元素必须要有宽度 width: value;2、需要强制文本在一行显示 white-space: nowrap;3、实现溢出内容裁剪不显示 overflow: hidden;4、显示省略号 text-overflow: ellipsis;

2020-10-28 21:12:41 210 1

原创 块元素设置宽高后的剩余空间问题

块元素本身占据一行,如果设置了宽度,则在一行中其它的剩余区域,会自动成为块元素的外边距

2020-10-19 18:53:29 131

原创 “上下边距的传递”问题

在父元素的样式中加入:overflow:hidden;

2020-09-24 22:30:53 204

原创 “父元素高度塌陷”问题

2020-09-24 22:29:25 324

原创 两对<span>标签如何避免中间有空格

将span标签设置成浮动型,即转换成了块元素,同时还能横向排列

2020-09-24 22:26:29 388

原创 如何去除掉input的默认边框

input{ outline: none; }

2020-09-24 22:23:20 1782

原创 元素的定位

注意: 一般是包含在某一元素的子元素,定位到其父元素内。如果两个元素之间不是包含关系,就无法实现定位(如兄弟关系)。

2020-09-24 22:21:06 68

原创 前端中文字存在默认的行高及处理方法

在不设置行高时,可以设为line-height: 1; ,即行高为文字的大小。确保行高不会影响上下边距的设置;

2020-09-22 23:57:45 1546

原创 html中图片的水平和垂直居中的样式设置

html中图片的水平和垂直居中的样式设置水平居中给图片的父元素添加text-align:center;垂直居中1.在img图片前或后添加一个同级元素span;2.给span转成inline-block类型,写上height:容器高或者height:100%,再添加vertical-align:middle以中线对齐;3.给图片添加vertical-align:middle以中线对齐;...

2020-09-22 23:51:12 1342

FeHelper.tar|FeHelper.tar

在前端网页的搭建过程中,使用这个工具,能让你事半功倍。主要有如下的功能:代码的美化工具、进制转换工具、网页截屏工具、网页取色工具、网页栅格标尺、边界的思维导图,代码的压缩工具、网页的性能检测等。

2020-09-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除