少时凌云志

2022年4月11日

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style> #box{ width: 300px; b 阅读全文

posted @ 2022-04-11 23:26 少时凌云志阅读(34) 评论(0) 推荐(0)

边框

摘要： 1、边框的粗细 2、边框的样式 3、边框的颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*body总有一个默认的外边距margin：0，常见操作*/ /* 阅读全文

posted @ 2022-04-11 23:11 少时凌云志阅读(213) 评论(0) 推荐(0)

盒子模型

摘要：什么是盒子模型 margin：外边距 padding：内边距 border：边框阅读全文

posted @ 2022-04-11 23:08 少时凌云志阅读(17) 评论(0) 推荐(0)

2022年3月8日

渐变

摘要：渐变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style> body{ background-color: #FFE53B; back 阅读全文

posted @ 2022-03-08 23:32 少时凌云志阅读(49) 评论(0) 推荐(0)

背景

摘要：背景背景颜色背景图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 1000px; height:700px; border: 1px 阅读全文

posted @ 2022-03-08 23:31 少时凌云志阅读(27) 评论(0) 推荐(0)

列表

摘要：列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表样式</title> <link href="css/style.css" rel="stylesheet" type="text/css"/> </ 阅读全文

posted @ 2022-03-08 23:30 少时凌云志阅读(8) 评论(0) 推荐(0)

超链接伪类

摘要：阴影 /*text-shadow: 阴影颜色，水平偏移，垂直偏移，阴影半径*/ #price{ text-shadow: aquamarine 10px 10px 2px; } 超链接伪类正常情况下，a，a:hover <!DOCTYPE html> <html lang="en"> <head> 阅读全文

posted @ 2022-03-08 23:29 少时凌云志阅读(33) 评论(0) 推荐(0)

文本样式

摘要：文本样式 1、颜色 color rgb rgba 2、文本对齐的方式 text-align: center 3、首行缩进 text-indent: 2em 4、行高 line-height 单行文字上下居中 line-height = height 5、装饰 text-decoration 6、文本阅读全文

posted @ 2022-03-08 23:28 少时凌云志阅读(90) 评论(0) 推荐(0)

字体样式

摘要：字体样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- font-family:字体 font-size：字体大小 font-weight:字体粗细 color：字体颜阅读全文

posted @ 2022-03-08 23:27 少时凌云志阅读(142) 评论(0) 推荐(0)

美化网页元素

摘要：为什么要美化网页 1、有效的传递页面信息 2、美化网页，页面漂亮才能吸引用户 3、凸显页面的主题 4、提高用户的体验 span标签：重点要突出的字，使用span套起来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 阅读全文

posted @ 2022-03-08 23:26 少时凌云志阅读(45) 评论(0) 推荐(0)

公告