小小程序猿level1

2022年4月8日

摘要：定位: 定位属性: position 定位属性值: 1) relative: 相对定位参照物: 元素本身的文档流位置文档流状态: 不脱离文档流移动方式: 通过top,bottom,left,right属性移动元素常用单位px 正数向元素内部移动. 例: top: 50px; 向下移动50px 阅读全文

posted @ 2022-04-08 14:25 小小程序猿level1 阅读(79) 评论(0) 推荐(0)

19.相对定位

摘要： .box{ width: 500px; height: 300px; border: solid; margin:50px auto;}.sub-box{ width: 100px; height: 100px;}.bgc1{ background-color: darkorange;}.bgc2{ 阅读全文

posted @ 2022-04-08 14:25 小小程序猿level1 阅读(28) 评论(0) 推荐(0)

2022年4月7日

17.浮动

摘要： <meta charset="UTF-8"> <title>浮动</title> <style> *{margin: 0px;padding: 0px} .box{ width: 395px; /* height: 400px;*/ border-style: solid; border-color 阅读全文

posted @ 2022-04-07 17:39 小小程序猿level1 阅读(35) 评论(0) 推荐(0)

16.边框

摘要： <head> <meta charset="UTF-8"> <title>边框</title> <style> .box1{ width: 100px; height: 100px; } .box2{ width:100px; height: 100px; } .b1{ border-style: 阅读全文

posted @ 2022-04-07 15:33 小小程序猿level1 阅读(62) 评论(0) 推荐(0)

17.边框注意事项

摘要： <head> <meta charset="UTF-8"> <title>边框注意事项</title> <style> .box1{ width: 200px; height: 200px; background-color: teal; border-style: solid; border-co 阅读全文

posted @ 2022-04-07 15:33 小小程序猿level1 阅读(26) 评论(0) 推荐(0)

15，列表属性

摘要： <head> <meta charset="UTF-8"> <title>列表属性</title> <style> .ul{ list-style-type: armenian; } .u2{ list-style-type: lower-greek; } .u3{ list-style-type: 阅读全文

posted @ 2022-04-07 12:14 小小程序猿level1 阅读(33) 评论(0) 推荐(0)

14，背景属性

摘要： <head> <meta charset="UTF-8"> <title>背景属性</title> <style> .test1{ width: 300px; height: 300px; background-color: indianred; background-size: 200px,200 阅读全文

posted @ 2022-04-07 11:33 小小程序猿level1 阅读(26) 评论(0) 推荐(0)

2022年4月6日

13文本属性

摘要： 3.文本属性: 1) color: 文本颜色值: [1] 表示颜色的单词 [2] 色号: #ff0000, #00ff00, #0000ff, #000000, #ffffff [3] rgb函数: rgb(255, 0, 0), ... [4] rgba函数: 在rgb基础上添加了透明度. op 阅读全文

posted @ 2022-04-06 17:40 小小程序猿level1 阅读(57) 评论(0) 推荐(0)

12文字属性

摘要： 2.文字属性: 1) font-size: 文字大小. 常用单位: [1] px: 像素 [2] em: 以父元素文字大小为基础, 按照倍数显示. 例: 1.5em, 0.8em [3] rem: 以页面基础文字大小作为参照, 按照倍数显示. 2) font-weight: 文字粗细值: [1] 阅读全文

posted @ 2022-04-06 15:47 小小程序猿level1 阅读(228) 评论(0) 推荐(0)

编外，文字属性字体收集

摘要： 1，font-family: Candara; 2，font-family: "Candara Light"; 3，font-family: "Comic Sans MS"; 4，font-family: Corbel; 5，font-family: Gabriola; 6，阅读全文

posted @ 2022-04-06 15:43 小小程序猿level1 阅读(49) 评论(0) 推荐(0)