随笔分类 -  前端 / css

相对定位
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <style> .w{height: 100px;border: 1px solid lightgreen;margin: 5px;} .y{height 阅读全文
posted @ 2023-03-18 11:08 小小的羊 阅读(37) 评论(0) 推荐(0)
父级边框塌陷问题
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <style> div{border: 1px red solid;} img{width: 400px;height: 300px;} #centent 阅读全文
posted @ 2023-03-16 10:06 小小的羊 阅读(25) 评论(0) 推荐(0)
dispaly和float
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> a{font-famil 阅读全文
posted @ 2023-03-16 09:27 小小的羊 阅读(29) 评论(0) 推荐(0)
边距 （略）
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> a{font-famil 阅读全文
posted @ 2023-03-13 14:40 小小的羊 阅读(24) 评论(0) 推荐(0)
图标 渐变色
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>4-1-1</title> <style> .p{font-family: 华文行楷;font-size: 1.5em;} ul li{list-style: none;} #nav 阅读全文
posted @ 2023-03-12 09:46 小小的羊 阅读(22) 评论(0) 推荐(0)
超链接伪类
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> /* 默认颜色 */ a 阅读全文
posted @ 2023-03-11 18:26 小小的羊 阅读(25) 评论(0) 推荐(0)
css作用 文本样式
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> /* p{font-fa 阅读全文
posted @ 2023-03-11 17:58 小小的羊 阅读(36) 评论(0) 推荐(0)
属性选择器
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> a[class*=x]{ 阅读全文
posted @ 2023-03-11 16:59 小小的羊 阅读(21) 评论(0) 推荐(0)
结构伪类选择器 （部分）
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> /* ul:first- 阅读全文
posted @ 2023-03-11 16:28 小小的羊 阅读(25) 评论(0) 推荐(0)
层次选择器
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> /* 后代选择器 bod 阅读全文
posted @ 2023-03-11 11:48 小小的羊 阅读(18) 评论(0) 推荐(0)
基本选择器
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <link rel="stylesheet" href="study.css" type="text/css"> <style> /* 标签选择器 */ 阅读全文
posted @ 2023-03-11 11:03 小小的羊 阅读(26) 评论(0) 推荐(0)
导入方式
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <!-- 3.外部样式表 --> <link rel="stylesheet" href="study.css" type="text/css"> <st 阅读全文
posted @ 2023-03-11 10:23 小小的羊 阅读(35) 评论(0) 推荐(0)
快速入门
摘要：<doctype html> <html> <head> <meta charset="utf-8"> <title>study</title> <!-- div 块 --> <!-- 选择器{声明；} --> <!-- 外部引用 <link rel="stylesheet" href="(地址)" 阅读全文
posted @ 2023-03-11 10:09 小小的羊 阅读(34) 评论(0) 推荐(0)