随笔分类 - html-css
摘要:ul li { list-style: none; } a { text-decoration: none; }
阅读全文
摘要:1、问题 父元素有外边距 子元素有外边距 子元素的外边距不会有作用,父元素会偏移外边距设置较大的那个样式 解决: 1、给父元素设置边框 2、父元素设置内边距 3、父元素添加样式overflow:hidden(推荐) ps: 1、行内元素尽量只设置 左右外边距,因为设了上下也不起作用,如果一定想设置,
阅读全文
摘要:如果给盒子设置了 width和height,margin border 和 padding 都会导致盒子被撑大 如果盒子没有设置 width 或 height, padding 则不会撑开盒子的 width 或 height 让块水平居中: 1、margin: 0 auto; 2、margin-le
阅读全文
摘要:层叠性:相同元素的多个css样式会以 补集 的方式应用在元素上 继承性:孩子元素会继承父元素的css,孩子元素可以重写这些css 优先级:行内 > 内联 > 外联id > 类 > 标签 权重: 选择器 权重 继承 或者 * 0 元素选择器 1 类选择器,伪类选择器 10 id选择器 100 行内 1
阅读全文
摘要:块:独占一行,宽高都可以设置,常见块:h1~h6、p、div、ul、ol、li 行内:一行多个,宽高由内容撑开,无法设置宽高,常见行内:a、strong、b、em、i、del、s、ins、u、span 行内块:一行多个,可以设置宽高,常见行内块:img、input、td
阅读全文
摘要:body { font: font-style font-wight font-size;line-height font-family; } body { font: italic 700 16px 'Microsoft yahei'; }
阅读全文