![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML+CSS 学习笔记
个人学习HTML+CSS的笔记
ฅ逸魚
啊,我还可以拯救一下
展开
-
HTML 按钮
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>按钮练习--雪碧图</title><style type="text/css"> /* 使用这种方式来做特效 - 做完这个功能.原创 2020-11-29 17:11:02 · 101 阅读 · 0 评论 -
HTML 图片平铺
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>平铺小练习</title><style type="text/css"> .box1{ width:990px; height.原创 2020-11-29 17:10:30 · 428 阅读 · 0 评论 -
HTML 开班信息
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>开班小练习</title><style type="text/css"> /*在IE6浏览器里面,如果浮动元素的上面是内联元素,他也会.原创 2020-11-29 17:09:36 · 219 阅读 · 0 评论 -
HTML 导航栏
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>导航栏练习</title><style type="text/css"> /*清楚默认样式*/ *{ margin:0; p.原创 2020-11-29 17:08:42 · 261 阅读 · 0 评论 -
HTML 超链接
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>超链接的练习</title></head><body><!--确定要素: 1、内容居中 2、上下两条水.原创 2020-11-29 17:07:58 · 123 阅读 · 0 评论 -
HTML12 框架集、IE6png修复、CSS Hack、Hack属性、IE6bug
1、框架集<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>框架集</title></head> <!-- 框架集和内联框架的作用类似,都是用于在一个页面中原创 2020-11-29 17:06:14 · 111 阅读 · 0 评论 -
HTML11 表格和表单
1、表格<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>表格</title></head><body><!--表格是用来表示一些格式化的数据,在网页里也可以创原创 2020-11-29 17:06:04 · 141 阅读 · 0 评论 -
HTML10 定位、背景
1、定位<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>相对定位</title><style type="text/css"> /* 定位: - 就是将指定的元素摆放到页面原创 2020-11-29 17:05:56 · 98 阅读 · 0 评论 -
HTML09 浮动、简单的页面布局、高度塌陷
1、浮动<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>浮动</title><style type="text/css"> /*块元素在文档流中默认垂直排列 - 使用行内块元原创 2020-11-29 17:05:43 · 108 阅读 · 0 评论 -
HTML08 盒子模型、内外边距、display、visibility、overfiow
1、盒子模型<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>盒子模型</title><style type="text/css"> .box1{ /* 使用width来设原创 2020-11-29 17:05:26 · 493 阅读 · 0 评论 -
HTML07 文本
1、文本标签<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文本标签</title></head><body><!-- em和strong都表示强调内容原创 2020-11-29 17:05:16 · 108 阅读 · 0 评论 -
HTML06 选择器
1、常用选择器<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>常用的选择器</title><style> /* 元素选择器: 通过元素选择器,可以选择页面中所有指定的元素原创 2020-11-29 17:05:05 · 2644 阅读 · 0 评论 -
HTML05 CSS简介、内联和块元素
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS层叠样式表</title><!--style标签里面编写的是css样式,style外面编写的是HTML内容 同时,在style标...原创 2020-11-29 17:13:28 · 118 阅读 · 0 评论 -
HTML04 XHTML规范、内联框架、超链接
1、原创 2020-11-29 17:04:36 · 134 阅读 · 0 评论 -
HTML03 实体和图片标签
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>实体和图片标签</title></head><body><!--实体标签: 在我们html中,像&l...原创 2020-11-29 17:04:18 · 96 阅读 · 0 评论 -
HTML02 meta基本内容、常用标签
<!DOCTYPE html><head><!--当编码和解码不同时,我们需要告诉浏览器网页所采用的编码字符集 meta标签用来设置网页的一些元数据(原始的数据) 比如:网页的字符集、关键字、简介 charset:字符集 比如:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />--><!-- 1、使用.原创 2020-11-02 15:59:18 · 365 阅读 · 2 评论 -
HTML01 基本介绍
<!DOCTYPE html><!--html根标签,一个网页有且只有一个根标签,网页中的所有内容都应该写在里面--><html xmlns="http://www.w3.org/1999/xhtml"> <!--head标签:该标签的内容不会直接在网页中显示,而是用来帮助浏览器解析页面的--><head><meta http-equiv="Content-Type" content="text/html; charset=...原创 2020-11-02 15:39:28 · 363 阅读 · 0 评论 -
HTML00 基本了解
注意:•HTTP是通用协议,本身不安全,但是我们可以通过程序增加安全性•HTTPS协议,加入S安全套,当涉及到重要的东西时,要用HTTPS协议网页的开发流程:网页的组成部分:编辑器:记事本、NotePad++、Hbuilder调试工具:FireBug万维网联盟W3C:定义页面相关标准网页超文本应用奇数工作小组WHATWG:推动网络HTML5标准...原创 2020-11-02 15:40:56 · 206 阅读 · 0 评论