摘要: 属性选择器 CSS 属性选择器通过已经存在的属性名或属性值匹配元素。 有点结合正则表达式的样子 存否和值选择器 这些选择器允许基于一个元素自身是否存在(例如href)或者基于各式不同的按属性值的匹配,来选取元素。 选择器 示例 描述 [*attr*] a[title] 匹配带有一个名为attr的属性 阅读全文
posted @ 2021-08-23 14:26 Nadir-Echo 阅读(216) 评论(0) 推荐(0)
摘要: 1. UI伪类选择器 负责用户人机交互的选择器,指定的样式只有在某种状态下才起作用 1.1 :enabled和:disabled 在Web表单中,有些表单元素(如输入框、密码框、复选框等)有“可用”和“不可用”这2种状态。默认情况下,这些表单元素都处在可用状态。 在CSS3中,我们可以使用:enab 阅读全文
posted @ 2021-08-23 01:26 Nadir-Echo 阅读(167) 评论(0) 推荐(0)
摘要: 1. ::first-line选择器 匹配文本的第一行内容(仅限第一行) ::first-line选择器仅对块级元素内的第一行内容有效,而对于像a元素这类行内元素,是不起作用的. <style> ::first-line{ background: yellow; } </style> <header 阅读全文
posted @ 2021-08-23 01:25 Nadir-Echo 阅读(56) 评论(0) 推荐(0)
摘要: 基本语法结构 如何在网页中插入样式表 内联样式:直接在元素中设置 内部样式表:内部头部统一定义 外部样式表:以css文件定义保存,之后引入 !CSS没有限制空格的使用 CSS通常对于字母大小写不敏感(class和id选择器 例外) 插入样式表的方式存在优先级的差异:内联样式>内部样式表>外部样式表 阅读全文
posted @ 2021-08-23 01:24 Nadir-Echo 阅读(61) 评论(0) 推荐(0)
摘要: 1. vedio元素 1.1 定义 HTML <video> 元素 用于在HTML或者XHTML文档中嵌入媒体播放器,用于支持文档内的视频播放。你也可以将 <video> 标签用于音频内容,但是 audio 元素可能在用户体验上更合适。 1.2 controls、autoplay属性 播放控件和自动 阅读全文
posted @ 2021-08-23 01:21 Nadir-Echo 阅读(716) 评论(0) 推荐(0)
摘要: 1. 前言 每个HTML元素其实都是一个方框的形式呈现,在HTML5之前大多是以div元素划分区块,这些显得会比较乱,所以在HTML5中规定了更加清晰地网络架构,增强了语义性 2. div元素 <div> 标签定义 HTML 文档中的分隔(division)或部分(section)。 <div> 标 阅读全文
posted @ 2021-08-23 01:20 Nadir-Echo 阅读(207) 评论(0) 推荐(0)
摘要: 1. output 1.1 定义 这个<output>标记是用来输出计算结果或用户动作的结果。 1.2 属性 for 用来指明参与计算的元素的ID,用空格分割多个ID form 这个元素相对应的表单的ID,如果这个元素放在一个表单内,这不用指明这个值。当它位于表单外时,需要指明是属于哪个表单。 na 阅读全文
posted @ 2021-08-23 01:19 Nadir-Echo 阅读(151) 评论(0) 推荐(0)
摘要: 1. label元素 提高与用户的交互属性 隐式关联 显示关联 <form> <label for="male">Male</label> <input type="radio" name="sex" id="male"> <br> <label for="female">Female</label 阅读全文
posted @ 2021-08-23 01:19 Nadir-Echo 阅读(40) 评论(0) 推荐(0)
摘要: input元素 1. 定义 HTML表单用于收集用户输入,<input> 元素是最重要的表单元素。 <input> 元素有很多形态,根据不同的 type 属性。 类型 描述 text 定义常规文本输入。 radio 定义单选按钮输入(选择多个选择之一) submit 定义提交按钮(提交表单) ... 阅读全文
posted @ 2021-08-23 01:17 Nadir-Echo 阅读(125) 评论(0) 推荐(0)
摘要: form元素 1. 定义 所有HTML表单都以一个form元素开始: <form action="/my-handling-form-page" method="post"> </form> 这个元素正式定义了一个表单。就像div元素或p元素,它是一个容器元素,但它也支持一些特定的属性来配置表单的行 阅读全文
posted @ 2021-08-23 01:15 Nadir-Echo 阅读(130) 评论(0) 推荐(0)
摘要: 1. table定义表格 1.1 定义 表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。 thead 元素应该与 tbody 和 tfoot 元素结合起来使用。 tbody 元素用于对 HTML 表格中 阅读全文
posted @ 2021-08-23 01:14 Nadir-Echo 阅读(234) 评论(0) 推荐(0)
摘要: 1. 无序列表 1.1 定义 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 标签。每个列表项始于 。 ul元素创建无序列表用li包裹起来 1.2 实例 <h4>一个无序列表:</h4> <ul> <li>咖啡</li> <li>茶</li> <li>牛奶< 阅读全文
posted @ 2021-08-23 01:13 Nadir-Echo 阅读(229) 评论(0) 推荐(0)
摘要: 1. 格式 strong元素:表示重要的内容,加粗效果 b元素:单纯是变粗下效果 em元素:强调,倾斜效果 i元素:仅倾斜效果 del元素:删除线 ins元素:插入 s元素:表示不正确 u元素:下划线, mark元素:表标记文本的作用 sup元素、sub元素:表化学方程式之类 small元素:字变小 阅读全文
posted @ 2021-08-23 01:12 Nadir-Echo 阅读(148) 评论(0) 推荐(0)
摘要: 1. q元素 1.1 定义 HTML <q> 元素定义短的引用。 浏览器通常会为 <q> 元素包围引号。 1.2 实例 <p>浏览器通常会在 q 元素周围包围引号。</p> <p>WWF 的目标是 <q>构建人与自然和谐相处的世界。</q></p> 2. blockquote元素 2.1 定义 HT 阅读全文
posted @ 2021-08-23 01:10 Nadir-Echo 阅读(121) 评论(0) 推荐(0)
摘要: 1. pre 元素 1.1 定义 pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。呈现等宽字体,比例字体使得可读性增强 可以导致段落断开的标签(例如标题、<p> 和 </p> 阅读全文
posted @ 2021-08-23 01:07 Nadir-Echo 阅读(505) 评论(0) 推荐(0)