css3
weixin_45729161
这个作者很懒,什么都没留下…
展开
-
紧贴底部的页脚
页脚紧贴底部 页脚高度固定时使用calc计算,但是当页脚尺寸不固定时或修改时使用calc计算后紧贴底部的方法不够灵活,都需要更改min-height的值,不利于修改维护,故使用flex进行设置此方案更灵活。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m...原创 2019-10-12 22:05:44 · 86 阅读 · 0 评论 -
内容垂直居中
内容垂直居中 内容居中使用绝对定位时需要固定宽高,不利于维护和修改,故使用了flex布局进行内容垂直居中的实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...原创 2019-10-12 20:38:59 · 80 阅读 · 0 评论 -
设置复选框样式
自定义复选框样式 可根据设计图用图片代替代码中所设置的复选框背景 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-10-12 20:26:55 · 531 阅读 · 0 评论 -
中间内容区域流动布局即中间宽度自适应
负边距实现内容区域宽度自适应 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-10-12 10:36:13 · 185 阅读 · 0 评论 -
content和counter用法
content和counter插入编号 1.加上连续编号 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2019-10-10 21:18:31 · 704 阅读 · 0 评论