![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
布布灵
布灵布灵~
展开
-
07HTML5学习之表格练习02CSS3结构化伪类
文章目录1 题目介绍2 步骤拆解3 代码总结 1 题目介绍 还是老题目,不知道的戳链接,这次使用CSS结构化伪类来实现“斑马纹”。 2 步骤拆解 利用结构化伪类将样式应用到表格的偶数行中。用tr:nth-of-type(even)语法设置,代码如下: tr:nth-of-type(even) { background-color: #eaeaea; } 接下来利用first-of-ty...原创 2019-12-18 21:02:13 · 239 阅读 · 0 评论 -
07HTML5学习之表格练习01用CSS设置表格样式
文章目录1 需完成表格样式图2 步骤拆解3 代码总结 1 需完成表格样式图 2 步骤拆解 分析图片可以发现以下要素: 表格标题,使用<caption>标签设置,代码如下: <caption>Lighthouse Island Bistro Specially Coffee Menu</caption> 表格表头,使用<tr>和<th>...原创 2019-12-18 20:38:25 · 527 阅读 · 0 评论 -
07HTML5学习之表格
文章目录1 表格概览1.1 表格元素1.1.1 border属性1.1.2 表格标题2 表格行、单元格与表头2.1 表格行元素2.2 表格数据元素2.3 表格表头元素3 跨行和跨列3.1 colspan属性3.2 rowspan属性4 配置一张可无障碍访问的表格5 用CSS设置表格样式 1 表格概览 使用表格的目的在于组织信息。 表格定义从<table>标签开始,</tab...原创 2019-12-18 19:40:40 · 270 阅读 · 0 评论 -
06HTML5学习之深入了解超链接、列表和移动端网页设计
文章目录1、换个角度看看超链接区段标识符target属性块级锚点电话与短信超链接CSS打印样式打印样式设置方式隐藏非必要的内容配置用于打印输出的字体大小和颜色控制分页符打印超链接的URL地址2、设计显示于移动设备上的网页移动网页设计注意事项优化移动网页布局为移动用户优化导航为移动用户优化图像为移动用户优化文本3、视窗的meta标签4、CSS3多媒体查询使用link元素的多媒体查询示例使用@medi...原创 2019-12-16 20:41:07 · 626 阅读 · 0 评论 -
05HTML5学习之页面布局
页面布局 盒模型 文档中的每一元素都被认为是一个矩形盒子。如下图所示,盒子是由内容区以及围绕着内容区的内边距、边框以及外边距组成。这就是所谓的盒模型。 内容 内容区由文本和其它诸如图像、段落、标题、列表之类的网页元素组成。页面上元素的可见宽度为内容、内边距和边框三者宽度的总和。当然,width属性仅设置了内容的实际宽度;它并不包括内边距、边框或外边框。 内边距 内边距(Paddi...原创 2019-12-16 20:27:14 · 302 阅读 · 0 评论 -
04HTML5学习之网页设计
网页设计 网站的组织结构 下面列出三种常见的网站组织类型: 分层结构 线性结构 随机结构(有时称为Web组织) 网站组织的示意图又叫站点地图。创建站点地图是开发网站的初始步骤之一。 分层结构 这一类型的特点在于有清晰定义的主页,主页上有指向网站各主要组成部分的链接。组块化(chunking)和“三点击原则” 线性结构 当网站或一组网页的目的是提供按顺序观看的教程、导览或演示时,采用...原创 2019-12-16 20:25:49 · 318 阅读 · 0 评论 -
03HTML5学习之视觉元素与图像
文章目录1、配置线条与边框水平分隔线元素边框属性与间距属性边框属性边框样式属性内边距属性2、图像类型图片互换格式(GIF)图片透明度动画压缩优化交错联合照片专家小组(JPEG)图像压缩优化渐进式JPEG可移植网络图形格式(PNG)图像新型的WebP图像格式3、图像元素无障碍访问和图像图像超链接4、HTML5视觉元素HTML5 Figure元素HTML5 Figcaption元素HTML5 Mete...原创 2019-12-16 20:19:01 · 395 阅读 · 0 评论 -
02HTML5学习之用层叠样式表CSS配置颜色于文本
文章目录1、层叠样式表概览层叠样式表的优点配置层叠样式表样式选择器与声明背景颜色属性颜色属性配置背景颜色与文本颜色CSS属性介绍2、为网页配色配色的CSS语法3、带样式属性的内联CSS样式属性(Style)4、带样式元素的内嵌CSS样式(Style)元素5、用CSS配置文本字体系列属性(font-family)更多的CSS字体属性字符大小(font-size)属性字符粗细属性字符样式属性行高属性文...原创 2019-12-16 20:16:08 · 617 阅读 · 0 评论 -
01HTML5学习之HTML5基础
文章目录1、文档类型定义2、网页模板3、HTML元素4、四大元素head、title、meta和body头部(Head)主体(body)5、你的第一张网页6、标题元素7、段落元素对齐8、换行元素9、块引用元素10、短语元素11、有序列表类型(Type)、起始值(Start)和倒序*(Reversed)属性12、无序列表13、描述列表14、特殊字符15、结构元素分区元素(Div)HTML结构性元素页...原创 2019-12-16 20:10:10 · 331 阅读 · 0 评论 -
00HTML5学习之互联网与万维网介绍
互联网与万维网介绍 1、互联网与万维网 互联网 互联网,顾名思义是由计算机网络互相连接组成的网络。 内联网和外部网 内联网(Intranet)是机构或企业内部的一张私有网络,意在员工之间共享组织内的信息。当内部网联接到外部的互联网时,通常用网关或防火墙来保护内部信息,防止未授权的访问。 外联网(Extranet)也是私有网络,但可以实现公司与供应商、开发商以及用户等外部合作伙伴部分共享...原创 2019-12-14 16:17:53 · 378 阅读 · 0 评论