html+css 写出三角形状
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-10-14 15:38
随笔分类 - css
css 公共样式base.css
摘要：body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, input{ margin: 0; padding: 0; } *{ /* 内减模式 */ box-sizing: border-box; } body{ font: 16px/1.5
阅读全文
posted @ 2022-10-06 11:55
css 图片居中显示
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-10-05 17:35
css 定位
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-10-04 20:37
定位
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-09-30 20:46
css 外边距塌陷问题
摘要：两个块级元素嵌套，如果里面的元素没有设置border 属性，在内层的 元素使用margin 时会把父元素节点 也会跟着移动， 故外边距塌陷问题， 解决方法 ，可以给父元素添加border ，或者给父元素 添加一个属性 overflow: hidden;的属性 <!DOCTYPE html> <htm
阅读全文
posted @ 2022-09-26 10:51
css 清除浮动的方式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-09-26 10:23
css 块级样式 浮动（float） 与转为 display = inline-block区别
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-09-23 15:28
css 结构伪类选择器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-09-22 16:12
css 列表样式，<a> 连接文字超长省略
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2022-09-22 10:49
