HTML+CSS标准布局
文章平均质量分 62
改变,永远不嫌晚。无论你是几岁,也无论你目前所处的境况有多糟,只要立定目标、一步一步往前走,人生随时都有翻盘的可能性。
「已注销」
一个人至少拥有一个梦想,有一个理由去坚强。心若没有栖息的地方,到哪里都是在流浪。
展开
-
Flex弹性布局
Flex弹性布局原创 2021-03-16 13:58:00 · 77 阅读 · 0 评论 -
@media布局
media使用media引用方式media常用参数<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>media案例</title> <style> /* 放入公共样式 */ .box{ width:原创 2021-01-05 10:46:07 · 247 阅读 · 1 评论 -
流式布局
移动端流式布局移动端流式布局移动端流式布局视口标签 meta<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0">原创 2021-01-06 17:10:24 · 103 阅读 · 0 评论 -
CSS 高效常用属性
CSS常用属性常用属性1. 盒模型 box-sizing2. 背景设置 background常用属性1. 盒模型 box-sizing传统盒模型 content-box CSS3盒模型 border-box// 默认是传统盒模型box-sizing: content-box; 属性值描述content-box元素的宽度和高度(最小/最大属性)适用于box的宽度和高度 (padding、border会撑大盒子)border-box已设定的宽度和高度分别减去边框和原创 2021-01-06 16:20:14 · 94 阅读 · 0 评论 -
移动端特殊样式解决方案
移动端特殊样式解决方案1. 点击高亮需要清除,设置为transparent 完全透明2. 移动端浏览器默认的外观在ios上设置属性才能给按钮盒输入框自定义样式3. 禁止长按页面时弹出菜单1. 点击高亮需要清除,设置为transparent 完全透明-webkit-tap-highlight-color: transparent;2. 移动端浏览器默认的外观在ios上设置属性才能给按钮盒输入框自定义样式-webkit-appearance: none;3. 禁止长按页面时弹出菜单// 一般用于原创 2021-01-06 16:43:09 · 401 阅读 · 0 评论