黄子涵

09 2021 档案

摘要:HTML文档应用简单特殊效果的方式:过渡、动画和变换。这三种特性都是在CSS3中新添加的。 为HTML元素应用某种效果的想法并不新鲜,大多数比较完善JavaScript库至少包含几种目前已经融入CSS3的效果。通过JavaScript操作CSS3的优势是性能。许多新功能涉及随着时间改变CSS属性的值 阅读全文
posted @ 2021-09-26 22:05 黄子涵 阅读(74) 评论(0) 推荐(0) 编辑
摘要:文本样式的CSS属性,这块内容在CSS3中也不稳定。已经有几个被广泛釆用的非常实用的新特性了。也有几个相当投机性的提案(其前途未卜),它们一般用来处理非常技术的字体排版细节,还不确定是否存在足够的需求推动这些提案成为标准。也就是说,已经被主流浏览器接纳的特性会让处理文本样式更为灵活和愉悦。 提示 c 阅读全文
posted @ 2021-09-24 19:16 黄子涵 阅读(217) 评论(0) 推荐(0) 编辑
摘要:随着对分离HTML元素的语义重要性与其表现的影响的不断强调,CSS在HTML5元素布局方面的作用越来越重要。CSS3中有一些非常实用的布局特性,当然,你也可以使用CSS早期版本中的已有功能。 有两个推荐的CSS3布局模型,有待进一步成熟。第一个是模板布局,允许我们创建可包含元素的弹性布局。目前还没有 阅读全文
posted @ 2021-09-23 18:33 黄子涵 阅读(81) 评论(0) 推荐(0) 编辑
摘要:盒子是CSS中的基础概念,我们要使用它来配置元素的外观以及文档的整体布局。 为元素应用内边距 应用内边距会在元素内容和边框之间添加空白。我们可以为内容盒的每个边界单独设置内边距,或者使用padding简写属性在一条声明中设置所有的值。下表列出了padding相关属性。 内边距属性 属 性 说 明 值 阅读全文
posted @ 2021-09-20 19:05 黄子涵 阅读(77) 评论(0) 推荐(0) 编辑
摘要:应用边框样式 先从控制边框样式的属性开始。这些属性使用相当普遍,有了它们,要学习margin和padding属性就在视觉上方便多了。简单边框有三个关键属性:border-width、border-style和border-color。下表描述了这三个属性。 基本边框属性 属 性 说 明 值 bord 阅读全文
posted @ 2021-09-17 18:27 黄子涵 阅读(109) 评论(0) 推荐(0) 编辑
摘要:伪类跟伪元素一样,并不是直接针对文档元素的,而是为你基于某些共同特征选择元素提供方便。 使用结构性伪类选择器 使用结构性伪类选择器能够根据元素在文档中的位置选择元素。这类选择器都有一个冒号字符前缀(:),例如:empty。它们可以单独使用,也可以跟其他选择器组合使用,如p:empty。 使用根元素选 阅读全文
posted @ 2021-09-16 00:06 黄子涵 阅读(75) 评论(0) 推荐(0) 编辑
摘要:CSS选择器的作用是找出某类元素,以便我们使用style元素或者外部样式表对这类元素设置样式。 使用CSS基本选择器 有些选择器使用起来非常简单,我们把这部分选择器称为基本选择器(basic selector)。开发人员可使用这类选择器在文档中进行比较宽泛的选择,也可以将其看做结合多种选择器进行特殊 阅读全文
posted @ 2021-09-14 20:43 黄子涵 阅读(74) 评论(0) 推荐(0) 编辑
摘要:CSS标准化 CSS有一段不堪回首的历史。那时候浏览器被看做划分市场的工具,浏览器厂商将CSS作为创建自己软件特有功能的利器。当时的情况可谓一团糟:具有相同名称的属性采用不同的方式处理,只能用浏览器特定的属性访问浏览器特定的功能。结果是Web开发人员不得不创建只在一种浏览器上运行的站点或应用程序。 阅读全文
posted @ 2021-09-09 20:58 黄子涵 阅读(71) 评论(0) 推荐(0) 编辑
摘要:这里将要介绍的是用来制作表格的HTML元素。表格的主要用途是以网格的形式显示二维数据。然而在HTML的早期版本中,用表格控制页面内容布局的现象很常见。在HTML5中已经不再允许这样做,取而代之的是新增的CSS表格特性。 生成基本的表格 有三个元素是每个表格都必须要有的:table、tr和td。表(t 阅读全文
posted @ 2021-09-07 20:57 黄子涵 阅读(299) 评论(0) 推荐(0) 编辑
摘要:这里将要介绍用来表示内容的不同部分的元素,说明如何划分内容以便将各个主题和概念分隔开来。这些元素大都是新增的,它们构成了语义和呈现分离实践的重要基础。然而这也意味着 这些元素有点难以演示,因为它们在外观上对内容的影响微乎其微,甚至根本没有影响。所以在许多例子中为这些元素应用了一些css样式,以强调其 阅读全文
posted @ 2021-09-06 19:11 黄子涵 阅读(131) 评论(0) 推荐(0) 编辑
摘要:组织相关内容的HTML元素,它们能够给予文档内容更多的结构和含义。这里的元素大多数是流元素,只有一个例外:a元素。该元素独特之处在于其所属元素类型取决于其包含的内容。 为什么要对内容分组 HTML要求浏览器将连在一起的几个空白字符折算为一个空格。一般而言,这种做法是有道理的,因为可以把HTML文档的 阅读全文
posted @ 2021-09-05 21:20 黄子涵 阅读(103) 评论(0) 推荐(0) 编辑
摘要:现在将目光从大尺度的、结构性的文档元素转向细粒度层次:文本层面的元素(简称文本元素)。 HTML5规范明确指出:使用元素应该完全从元素的语义出发。但是,为了让大家都过得轻松一点,规范也明确表示:对于某些元素,传统上与其联系在一起的样式也是语义的一部分。这有点敷衍了事的味道,但却有助于保持与旧版HTM 阅读全文
posted @ 2021-09-04 22:17 黄子涵 阅读(88) 评论(0) 推荐(0) 编辑
摘要:最基础的HTML5元素:文档元素和元数据元素。它们是用来创建HTML文档和说明其内容的元素。 这些元素不那么有趣,但是非常重要。每个HTML文档至少都要用到一些这类元素(用到所有这类元素是经常的事),懂得如何正确使用它们对于创建遵守标准的HTML5文档很关键。 构筑基本的文档结构 先从文档元素讲起。 阅读全文
posted @ 2021-09-03 16:35 黄子涵 阅读(163) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示