摘要：
说一下自己感觉要注意的几点： 1 设置水平居中：margin:0 auto; 2 设置绝对定位，使其不占页面位置 position: absolute; （绝对定位后不设置偏移量 位置不会改变，位置会从文档流中脱离，它的定位是根据包含款定位的，包含块就是最近的开启了定位的祖先元素） 3 鼠标移入时， 阅读全文
posted @ 2021-11-24 20:15
tanyayangyang
阅读(97)
评论(0)
推荐(0)
摘要：
color 字体颜色 font-size 字体大小 相关单位 em 相当于当前元素的一个font-size rem相当于根元素的一个font-size font-family 字体族（字体的格式）可以同时指定多个字体，多个字体间隔开，第一个无法使用则使用第二个以此类推。 可选值：monospace 阅读全文
posted @ 2021-11-23 21:27
tanyayangyang
阅读(52)
评论(0)
推荐(0)
摘要：
绝对定位：当元素的position设置为absolute时，开启了元素的绝对定位 position:absolute; 特点：开启绝对定位后，如果不设置偏移量，元素位置不会变化 开启绝对定位后，元素会从文档流中脱离 绝对定位会改变元素性质，行内变成块，块的宽高被内容撑开 绝对定位会使元素提升一个层级 阅读全文
posted @ 2021-11-23 18:25
tanyayangyang
阅读(101)
评论(0)
推荐(0)
摘要：
clear 作用：清除浮动元素对当前元素所产生的影响 可选值：left清除左侧浮动对当前元素的影响 right清除右侧浮动对当前元素的影响 both清除大的那个 原理：设置清除浮动以后，浏览器会自动为元素加上一个外边距，以使其位置不受其他元素影响 <style> .box1{ border: 10p 阅读全文
posted @ 2021-11-22 22:26
tanyayangyang
阅读(41)
评论(0)
推荐(0)
摘要：
盒子的大小 默认情况下 盒子可见框大小由内容区、内边距、边框共同决定 box-sizing 用来设置盒子尺寸的计算方式 可选值：content-box 默认值，宽度和高度用来设置内容区的大小 ·· border-box 宽度和高度用来设置整个盒子可见框的大小 width和height指的是内容区 内 阅读全文
posted @ 2021-11-22 19:07
tanyayangyang
阅读(39)
评论(0)
推荐(0)
摘要：
垂直方向布局 如果子元素从父元素中溢出使用overflower overflow:scroll； 生成滚动条 overflow:auto; 自动的滚动条 overflow-x: overflow-y: 外边距的折叠 垂直外边距的折叠 相邻的垂直方向外边距，会发生重叠现象（兄弟元素：box1和box2 阅读全文
posted @ 2021-11-22 10:16
tanyayangyang
阅读(66)
评论(0)
推荐(0)
摘要：
盒子模型 浮动 RGB调配颜色： 语法:RGB（红色，绿色，蓝色） 每一种颜色的范围在0-255(0%-100%)之间 布局： 文档流 网页是个多层结构，一层叠着一层，对于用户来说，只能看到最顶上一层。 这些层中，最底下一层称为文档流，文档流是网页的基础 我们所创建的元素默认都是在文档流中进行排列的 阅读全文
posted @ 2021-11-21 16:10
tanyayangyang
阅读(57)
评论(0)
推荐(0)
摘要：
:link和:visited是超链接独有的 :hover和:active是都可以的 伪元素：表示页面中一些特殊的并不真实的存在的元素（特殊的位置） 语法 :: 开头 p::first-letter ::before元素的开始， ::after 元素的最后 使得content中的字改变样式 <styl 阅读全文
posted @ 2021-11-20 18:01
tanyayangyang
阅读(21)
评论(0)
推荐(0)
摘要：
<!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 @ 2021-11-20 12:31
tanyayangyang
阅读(56)
评论(0)
推荐(0)
摘要：
27-35 网页三个部分 结构（html） 表现（CSS） 行为 (JavaScript) Css 层叠样式表，css可以用来设置网页中元素的样式 -style内联样式 <p style="color: blueviolet; font-size: 60px;">this is my web</p> 阅读全文
posted @ 2021-11-19 22:15
tanyayangyang
阅读(29)
评论(0)
推荐(0)
浙公网安备 33010602011771号