2023年10月13日
定位控制元素水平垂直居中
摘要： 浏览器中盒子的位置 1.使用绝对元素，相对于浏览器第一窗口进行50%的距离设置，盒子会移动到第四象限； 再使用外边距设置让盒子移动到中间位置（注意正负值的设置） *{margin: 0; padding: 0; } div{ width:200px; height:200px; background 阅读全文
posted @ 2023-10-13 16:54 故塔拉黑暗之神 阅读(1) 评论(0) 推荐(0) 编辑
定位的层级
摘要： 如果连个盒子同时设置了定位，遵循后来者居上 <style> div{width:200px; height:200px; } .box1{background-color: brown; position: relative; top: 100px; left:100px; } .box2{back 阅读全文
posted @ 2023-10-13 00:20 故塔拉黑暗之神 阅读(6) 评论(0) 推荐(0) 编辑
2023年10月12日
元素类型，二级菜单
摘要： 元素类型 块元素：有display：block/display:list-item属性 特点： 1.默认情况下会独占一行，为矩形区域 2.可以定义自己的宽度和高度 3.一边作为其他元素的容器 div p ul ol li dt dl dd h1-h6 转换为块元素的办法：1.display:bloc 阅读全文
posted @ 2023-10-12 01:14 故塔拉黑暗之神 阅读(8) 评论(0) 推荐(0) 编辑
2023年10月11日
溢出属性及空余空间（溢出省略号）
摘要： 溢出属性 overflow:visible/hidden/scroll/auto/inherit visible:默认值，溢出内容会显示在元素之外 hidden：溢出隐藏 scroll：通过滚动条展示出所有内容（不论a56爆大奖在线娱乐是否超过内容，都会出现滚动条） auto:按照内容的多少，自动出现滚动条 inh 阅读全文
posted @ 2023-10-11 00:58 故塔拉黑暗之神 阅读(8) 评论(0) 推荐(0) 编辑
2023年10月10日
盒子模型，边框设置
摘要： 内边距（padding) 1.一个值 上下左右一样 2.两个值 上下，左右 3.三个值 上，左右，下 4.四个值 上右下左 内边距特性：1.背景颜色可以蔓延到内边距 2.可以设置单a56爆大奖在线娱乐向（padding-top/left/right/bottom) 边框（border) 特性：1.背景色会蔓延到边框 阅读全文
posted @ 2023-10-10 23:57 故塔拉黑暗之神 阅读(60) 评论(0) 推荐(0) 编辑
2023年10月9日
浮动属性 清浮动
摘要： 浮动效果：1.见缝插针，第一行位置不够时，并不会另起一行，哪有位置补在哪 2.文字不会因为盒子进行浮动被覆盖 3.谁先进行浮动，谁在最旁边 浮动的作用：1.定义网页中其他a56爆大奖在线娱乐如何围绕该元素显示 2.让竖着拍的东西横着来 <style> .red{ background-color: red; flo 阅读全文
posted @ 2023-10-09 22:33 故塔拉黑暗之神 阅读(2) 评论(0) 推荐(0) 编辑
背景
摘要： 背景颜色 background-color <style> .box1{ width:200px; height:200px; /* background-color: yellow; */ /* background-color: rgb(255, 0, 10); */ background-co 阅读全文
posted @ 2023-10-09 18:10 故塔拉黑暗之神 阅读(3) 评论(0) 推荐(0) 编辑
2023年10月8日
a56爆大奖在线娱乐属性
摘要： 12.text-transform 大小写 capitalize a56爆大奖在线娱乐单词首字母大写 lowercase 所有单词变为小写 uppercase　所有字母大写 none font:除了文字属性顺序不能变，字体，行高，字体大小不可以省略 阅读全文
posted @ 2023-10-08 23:40 故塔拉黑暗之神 阅读(3) 评论(0) 推荐(0) 编辑
选择器
摘要： 标签选择器 如果属性重合遵从style就近原则 id选择器 通配符选择器 群组选择器 提出公共代码，减少代码量 后代选择器 伪类选择器 <style> /* 初始状态 */ a:link{ color: red; } /* 访问之后 */ a:visited{ color: yellow; } /* 阅读全文
posted @ 2023-10-08 22:35 故塔拉黑暗之神 阅读(21) 评论(0) 推荐(0) 编辑
样式表
摘要： 内部样式表：在head部分使用<style></style>在style中对各标签赋予属性 外部样式表：额外创建.css文件引进html文件中 link和import区别：前者是html标签，当网页加载时引用的css会被同时加载，并且不会出现浏览器不兼容问题，后者反之 行内样式表：将style作为属 阅读全文
posted @ 2023-10-08 21:57 故塔拉黑暗之神 阅读(7) 评论(0) 推荐(0) 编辑