上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 37 下一页
摘要: 结构伪类选择器 伪类:条件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <!--避免使用,class,id选择器--> <style> /*ul的第一个 阅读全文
posted @ 2021-05-07 15:08 saxon宋 阅读(80) 评论(0) 推荐(0)
摘要: 层次选择器 后代选择器:在某个元素后面 /*后代选择器*/ body p{ color: aqua; } 子选择器 body>h1{ color:chocolate; } 相邻兄弟选择器 /*相邻兄弟选择器:只有一个,相邻(向下)*/ .active + h2{ background: #c4fff 阅读全文
posted @ 2021-05-07 11:11 saxon宋 阅读(70) 评论(0) 推荐(0)
摘要: 基本选择器 1、标签选择器:选择一类标签 标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <style> /*标签选择器,会选择到页面上所有的这个标签 阅读全文
posted @ 2021-05-07 10:43 saxon宋 阅读(86) 评论(0) 推荐(0)
摘要: CSS的3种导入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部样式--> <style> h1 { color: aqua; } </style> <!--外部 阅读全文
posted @ 2021-05-07 09:36 saxon宋 阅读(70) 评论(0) 推荐(0)
摘要: CSS快速入门 第一种方式:直接在head部分的style标签内写css代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--规范,<style>可以编写css的代码,每一 阅读全文
posted @ 2021-05-07 09:26 saxon宋 阅读(88) 评论(0) 推荐(0)
摘要: CSS简单介绍 什么是CSS Cascading Style Sheet 层叠级联样式表 CSS:表现(美化网页) 字体,颜色,边距,高度,宽度, 背景图片,网页定位,网页浮动…. 发展史 CSS 1.0 CSS2.0 DIV(块) + CSS, HTML与CSS结构分离的思想,网页变得简单,SEO 阅读全文
posted @ 2021-05-06 17:16 saxon宋 阅读(58) 评论(0) 推荐(0)
摘要: 表单 ​ 初识表单post和get提交 <form method="post" action="test01.html"> <!-- 表单提交的地址:网站或者请求处理的地址--> <p> <input type="text" name="username"/> <br> <input type="p 阅读全文
posted @ 2021-05-06 15:43 saxon宋 阅读(81) 评论(0) 推荐(0)
摘要: 页面结构 <header>头部</header> <section>主体</section> <footer>底部</footer> iframe内联框架 <!-- name 与 target 相对应,就可以跳转--> <iframe src="" name="mainFrame" width="6 阅读全文
posted @ 2021-05-06 14:11 saxon宋 阅读(71) 评论(0) 推荐(0)
摘要: 行内元素和块元素 块元素 无论内容多少,该元素独占一行 P、h1——h6、div…. 行内元素 内容撑开宽度,左右都是行内元素的可以排在一行 a、strong、em… 列表标签 有序列表 <!--有序列表(order list) 应用范围:试卷、问答--> <ol> <li>Java</li> <l 阅读全文
posted @ 2021-05-06 13:55 saxon宋 阅读(215) 评论(0) 推荐(0)
摘要: 图像标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签</title> </head> <body> <!-- <img 学习 src:图片地址 相对地址(推荐使用) ,绝对地址 ../ 代表上一 阅读全文
posted @ 2021-05-06 10:31 saxon宋 阅读(51) 评论(0) 推荐(0)
上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 37 下一页