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 少时凌云志 阅读(28) 评论(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 少时凌云志 阅读(91) 评论(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)