摘要:
列表属性: 1.列表标识:list-style-type:标志类型; 2.标志位置:list-style-position:值; outside 默认值 表示标志在列表项之外 inside 表示标志在列表项之内 3.设置自定义标志图标:list-style-image:url("图片路径"); 4. 阅读全文
摘要:
元素居中及样式重置: 1.元素水平居中:margin:0 auto;只对块级元素有效 2.行级元素和行内块级元素水品居中使用text-algin:center; 属性需要写在父元素中才会生效 3.内外边距重置语法:使用通用选择器,设置padding:0;margin:0; 阅读全文
摘要:
溢出隐藏: 1.使用overflow属性 2.书写格式:overflow:值; 3.visible 默认值 内容不会被修剪,会显示在元素框之外 4.hidden 表示内容会被修剪,显示在元素框之外的部分会被隐藏 5.scroll 表示内容会被修剪,同时会显示滚动条,拖动滚动条以便观察溢出的内容 6. 阅读全文
摘要:
box-sizing属性 1.正常情况下,元素的内边距和边框会在元素设置的宽度和高度之外进行绘制 2.为了解决这个问题,需要使用box-sizing属性,书写格式:box-sizing:值; 3.content-box 默认值,表示元素的内边距和边框会在元素设置的宽度和高度之外进行绘制 4.bord 阅读全文
摘要:
内边距和边框踩坑: 1.当一个元素同时设置有内边距和边框时,元素的领地会向外扩展,从而挤压出额外的空间 2.其他元素会挤到下一行进行排列 阅读全文
摘要:
内边距设置: 1.内边距的两大要素:方向和距离大小 2.所有元素都可以设置内边距,不像外边距那样有很多坑,所以一般情况下尽量使用内边距 3.方向:left左 right右 top上 bottom下 4.距离大小:合理的尺寸单位,px em rem 百分比 4.书写格式:padding-方向:内边距大 阅读全文
摘要:
外边距踩坑:针对的是不同类型的元素之间或者相同元素之间发生的事情 1.元素上下排列时,上下边距会合并,上下边距取最大值 2.当元素左右排列时,两个元素的左右边距会叠加,左右边距会相加 3.行级元素只有左右外边距,没有上下外边距 4.行内块级元素和块级元素外边距四个方向都有效 阅读全文
摘要:
外边距简写: 1.margin:值1 值2 值3 值4; 2.当四个值都设置时,外边距的值依次是上top,右right,下bottom,左left, 按顺时针方向进行设置 3.当设置三个值时,外边距的值依次是上top,右左left right ,下bottom,他们是对边的关系 4.当设置二个值时, 阅读全文
摘要:
外边距设置: 1.外边距的两大要素:方向和距离大小 2.方向:left左 right右 top上 bottom下 3.距离大小:合理的尺寸单位,px em rem 百分比 4.书写格式:margin-方向:外边距大小; 5.使用百分比时,参考的是父元素宽度或者高度的百分比 6.可以使用负值,使用正值 阅读全文
摘要:
盒子模型初识: 1.所有的元素都可以有宽高 2.所有元素都是一个矩形 3.所以元素可以看成一个盒子 4.盒子包括:外边距+边框+内边距+元素内容 阅读全文