随笔分类 - 前端
摘要：background-color（背景颜色） 在块级标签中，显示一整行背景颜色， 在行内块中，显示设置的长宽背景颜色 在行内中，显示文字内的背景颜色 body { background-color: lightblue; } background-image（背景图片） 默认情况下，图像会重复，以覆
阅读全文
摘要：1. 设置字体的颜色: .head{ color: #333; } 2. 属性后可跟的值： RGB 每个参数 (red、green 以及 blue) 定义了 0 到 255 之间的颜色强度。调节三个值得出不同的颜色。 .head a:hover{ color:rgb(0, 0, 0) } RGBA
阅读全文
摘要：● CSS——color（颜色） ● CSS——width&height（宽度和高度） ● CSS——background（背景） ● CSS——display（元素显示） ● CSS——opacity（透明度） ● CSS——box-sizing（包含宽度高度）
阅读全文
摘要：定位： 默认为静态定位 投标现象 压盖现象 层级比标准文档高 position static 静态 relative 相对 absolute 绝对 fixed 固定 relative（相对定位） .st{ width: 100px; height: 100px; position: relative
阅读全文
摘要：浮动 即，将某个图片进行浮动的状态，让文字在周围进行环绕。float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，是文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。 特点： 可以实现元素并排 浮动元素会生成一个块级框，而不论它本身是何种元素 脱离标准文档流，不在页面上占位置 文字出现
阅读全文
摘要：盒子模型 所有 HTML 元素都可以视为方框。在 CSS 中，在谈论设计和布局时，会使用术语“盒模型”或“框模型”。 CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。 盒子模型分为： margin（外间距）：边界外的区域。外边距是透明的。 bord
阅读全文
摘要：字体： 字体是对页面显示的字体进行一个设置，如选择字体，加粗或者斜体。 1. 通用字体 在 CSS 中，有五个通用字体族： 衬线字体（Serif）- 在每个字母的边缘都有一个小的笔触。它们营造出一种形式感和优雅感。 无衬线字体（Sans-serif）- 字体线条简洁（没有小笔画）。它们营造出现代而简
阅读全文
摘要：伪类元素： 设置元素指定部分的样式，例如：设置元素首字母、首行的样式。在元素内容之前或之后插入内容。 请注意双冒号表示法 - ::first-line 对比 :first-line 在 CSS3 中，双冒号取代了伪元素的单冒号表示法。这是 W3C 试图区分伪类和伪元素的尝试。 在 CSS2 和 CS
阅读全文
摘要：<br />标签： 如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签： <br> 还是 <br /> 您也许发现 <br> 与 <br /> 很相似。 在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。 即使
阅读全文
摘要：hr标签： 添加水平线 <html> <body> <p>hr 标签定义水平线：</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> </body> </html> 注释： 可以将注释插入 HTML 代码中，这样可以提高其可
阅读全文
摘要：CSS 指的是层叠样式表 (Cascading Style Sheets) 述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 节省了大量工作。它可以同时控制多张网页的布局 CSS语法 CSS 规则集（rule-set）由选择器和声明块组成： 选择器指向您需要设置样式的 HTML 元素。 声明块包
阅读全文
摘要：可定义文档中的分区或节（division/section） <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。 如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。 <div> 是一个块级元素，也就是说，浏览器通常
阅读全文
摘要：HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）， 标签的分类： 1. 双闭合标签，单闭合标签 指在输入某个标签时，是否有开始和结束的一对标签。 <p>T
阅读全文
摘要：Form标签： HTML 表单用于收集用户输入，form定义 HTML 表单。 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 用form表单提交数据注意的问题： action属性和mothod属性需要更改。 所有input框要有name属性。 有一个input框的ty
阅读全文
摘要：ol：ordered list有序列表标签： 1.默认数字列表 子标签： li标签 属性字段： a:abcd A,大字母 i：i ii iii I:I II III start属性设置起始, <body> <ol> <li> <p>hahahah</p> </li> <li> <p>hahahah<
阅读全文
摘要：表格标签： 1. 双闭合标签 字标签： 使用tr字标签添加行。 使用tr的字标签td添加字段 使用th标签来添加表头，有加黑加粗效果。 属性字段： border="1" 表示添加边框 cellspacing="0" 表示边框和边框的间距为0 colspan=‘5’将5个列合并唯一 Heading<
阅读全文
摘要：img标签：图像标签 单闭合标签 基本格式： <body> <img src="这里放链接" alt="当加载失败时，显示这里信息" width="设置宽度（宽和高建议就设置一个，会等比例缩放）" height="设置高度"> </body>
阅读全文
摘要：a标签：anchor 锚点标签 双闭合标签 不单独占一行 输入超链接，点击后跳转链接地址。 #top: 点击后返回本页面顶部 如果需要在新打开网页后直接就链接到锚点，那么在html后#写入锚点信息接口。 可以和id属性配合，将ID和#字段进行重合，那么点击就会到id属性对应的标签。 可以配合 tar
阅读全文
摘要：P标签：段落标签 块级标签 独占一行 浏览器会自动地在段落的前后添加空行。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>新兵</title> </head> <body> <p>1111111111111
阅读全文
