css
hzjangel
屌丝男一枚
展开
-
margin问题
块元素外边距都是正数,折叠结果为两者之间较大的值外边距是一正一负,折叠结果为两者相加的和外边距都是负数,折叠结果为两者绝对值较大的值行内元素外边距为两者相加的值无法设置marign-top和margin-bottom行内块状元素外边距为两者相加的值在使用行内元素和行内块状元素的时候,会产生间隔...原创 2019-10-14 23:42:14 · 140 阅读 · 0 评论 -
权值问题
选择器ID选择器: #id {}类选择器: .class {}属性选择器: a[href=“www.baidu.com”] {}伪类选择器: :hover {}伪元素选择器: ::after {}标签选择器: div {}通配符选择器: * {}选择器的权值选择器权值内联Style1000ID选择器100类选择器...原创 2019-10-14 23:41:30 · 628 阅读 · 0 评论 -
清除浮动
使用带有clear属性的空元素在浮动元素后面使用一个空元素来清除浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { ...原创 2019-10-14 23:40:58 · 100 阅读 · 0 评论 -
垂直居中
使用margin:auto父容器使用相对定位,并设置宽和高子元素使用绝对定位,并且left,right,top,bottom都设置为0,margin设置为auto<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ti...原创 2019-10-14 23:39:26 · 108 阅读 · 0 评论 -
box-sizing属性的使用
语法:box-sizing: content-box | border-box默认值: content-box计算方式:content-box:盒子的宽度是给定的宽度+padding+border,盒子的高度是给定的高度 + padding + border,设置了padding和border也不会减少内容的宽度和高度。border-box:盒子的宽度和高度就是给定的宽度和高度,如果设置...原创 2018-12-09 21:22:24 · 3933 阅读 · 0 评论