11 2020 档案

课堂笔记
摘要：元素浮动无法超出父级元素的和内边距范围，这种问题解决需要定位 元素定位属性：定位模式 边偏移 position：staic 文档流 relative ：原位保留 边偏移以原位置为参考 absolute：拼爹 元素原位置被下面占据 fixed：特殊的定位，以浏览器窗口定位 网页中用到绝对定位时：子绝父 阅读全文
posted @ 2020-11-27 16:35 陈小暖 阅读(25) 评论(0) 推荐(0)
课堂笔记
摘要：当父级不给高度，而子级浮动时，父级的背景颜色将无法正常显示如何清除浮动：1.给父元素添加高度2.给子元素末尾添加一个相同的兄弟元素,设置样式clear: both3.给父元素添加伪类和zoom属性4.给父元素设置overflow:hidden或auto5.父元素也设置浮动6.父元素设置display 阅读全文
posted @ 2020-11-25 21:25 陈小暖 阅读(62) 评论(0) 推荐(0)
课堂笔记
摘要：相邻的块级元素之间的垂直间距不是maegin-boottom与margin-top之和，而是取两者之间的较大值。块级元素可以设置宽高对齐等属性，行级元素反之。<div><h1>-<h6>只搭建文本结构其中只加文本或行列元素;其他块级元素可以任意。元素前后没有换行符，行级元素没有高度和宽度，因此也就没 阅读全文
posted @ 2020-11-23 21:17 陈小暖 阅读(45) 评论(0) 推荐(0)
课堂笔记
摘要：盒子的六个属性：border margin padding width height background 阅读全文
posted @ 2020-11-22 14:43 陈小暖 阅读(71) 评论(1) 推荐(0)
课堂笔记
摘要：单行文字垂直居中：行高=高度值行高>高度值文字偏下行高<高度值文字偏上行高：lineheight盒模型尺寸：对Paddingmarginborder只取一个值时表示四个方向都是同一个值，如果取两个值应有空格，第一个值表示上下，第二个表示左右如果取三个值，三个值之间有空格， 阅读全文
posted @ 2020-11-22 14:41 陈小暖 阅读(65) 评论(0) 推荐(0)
课堂笔记
摘要：border是边框，text-decoration-underline是文本下划线，h1-h6默认是黑体，<p>默认是宋体，中文网页常用 微软雅黑 字体 标题像素一般14-16px，段落像素一般是在12-14px 阅读全文
posted @ 2020-11-22 14:23 陈小暖 阅读(74) 评论(0) 推荐(0)
课堂笔记
摘要：两个盒子垂直方向上叠加时，它们的外边距相遇时取较大值父盒子包含子盒子，并且父盒子没有上边框和上内边框，父盒子紧凑子盒子的顶部并且它们的上边框重合，并且取较大值有些时候能用padding替代margin 阅读全文
posted @ 2020-11-22 14:22 陈小暖 阅读(51) 评论(0) 推荐(0)
课堂笔记
摘要：对于padding，margin，border只取一个值时，表示四个方向都是同一个值只取两个值，两个值之间有空格，第一个值表上下，第二个值表示左右如果取三个值，三个值之间有空格，第一个表示上，第二个表示左右，第三个表示下如果取四个值，顺序是上右下左 阅读全文
posted @ 2020-11-22 14:19 陈小暖 阅读(56) 评论(0) 推荐(0)
课堂笔记
摘要：CSS提供font-family属性来控制文本的字体类型，内嵌式是在（head）的标头进行。h1-h6默认的是黑体（p)默认是宋体。标题文字标准14—16像素，段落12—14，单行文字的行高与容器相等时他，垂直居中。在CSS，样式中使用font-size，属性设置字体的大小，其值可以是绝对值 阅读全文
posted @ 2020-11-22 14:16 陈小暖 阅读(47) 评论(0) 推荐(0)
课堂笔记
摘要：id选择器一个页面内只能用一次类选择器可以使用多次通配符选择器用*号表示，它是所有选择器中作用范围最广的，能匹配页面内的所有元素 阅读全文
posted @ 2020-11-18 07:24 陈小暖 阅读(66) 评论(0) 推荐(0)
课堂笔记
摘要：h1——h6 默认都是黑体 p 默认为宋体 标题文字是14——16 px 段落文字字号一般12——14 单行文字当行高等于容器高度时，它垂直居中 阅读全文
posted @ 2020-11-17 13:18 陈小暖 阅读(22) 评论(0) 推荐(0)
课堂笔记
摘要：ctrl+a 全选 ctrl+z 撤销 ctrl+n 新建 ctrl+o 打开 ctrl+c 复制 ctrl+v 粘贴 ctrl+shift 另存为 ctrl+s 保存 阅读全文
posted @ 2020-11-17 13:10 陈小暖 阅读(36) 评论(0) 推荐(0)