学习笔记第八章使用CSS美化列表

第8章使用CSS美化列表 8.1 列表的基本结构在HTML中,列表结构可以分为两种基本类型:有序列表和无序列表.使用标签如下: <ul>...</ul>:标识无序列表: <ol>...</ol>:标识有序列表: <li>...<li>:标识列表项目. 另外,还可以使用定义列表.定义列表包括词条和解释两块内容.包含的标签说明如下: <dl>...</dl>:标识定义列表: <dt>...<…

第10章使用CSS美化表单 [学习重点] 正确使用各种表单控件熟悉HTML5新增的表单控件掌握表单属性的设置设计易用性表单页面 10.1 表单的基本结构表单包含多个标签,由很多控件组成.一个完整的表单结构由下面三部分组成: 表单框架(<form>标签):<form>标签是一个包含框,里面包含所有表单对象. 表单域(<input>.<select>等标签):用于采集用户的输入或选择的数据. 表单按钮(<input>.<butt…

学习笔记第九章使用CSS美化表格

第9章使用CSS美化表格学习重点正确使用表格标签: 设置表格和单元格属性: 设计表格的CSS样式. 9.1 表格的基本结构表格由行.列.单元格3部分组成,单元格时行与列交叉的部分. 在HTML中,表格由<table>标签来定义,每个表格均有若干行,行由<tr>标签定义,每行被分割为若干单元格,单元格由<td>标签定义.字母td表示表格数据(即单元格内容). 9.1.1 早期表格的结构略,什么实质内容都没有. 9.1.2 标准化的表格结构设计表格相关标签的语…

HTML+CSS学习笔记（8）- CSS选择器

标签:HTML+CSS 什么是选择器? 每一条css样式声明(定义)由两部分组成,形式如下: 选择器{ 样式; } 在{}之前的部分就是"选择器","选择器"指明了{}中的"样式"的作用对象,也就是"样式"作用于网页中的哪些元素标签选择器标签选择器其实就是html代码中的标签.如下面代码中的<html>.<body>.<h1>.<p>.<img>.例如下面代码:…

学习笔记：MDN的CSS

HTML用于定义内容的结构和语义,CSS用于设计风格和布局. CSS规则由选择器和声明块组成:声明由属性(properties)和属性值组成. CSS介绍: 盒=框=box,边界=border,内边距=填充=padding DOM (文档对象模型)是一种树形结构. 标记语言中的每个元素.属性(?).文本片段都变为一个 DOM 节点.由于 DOM 是 CSS 与文档内容的相遇之处,理解 DOM 有助于设计.调试和维护你的 CSS 文件. 用外部样式表将 CSS 应用到 HTML 上可以说是最好的方…

OpenLayers学习笔记3——使用jQuery UI美化界面设计

PC端软件在开发是有较多的界面库能够选择,比方DevExpress.BCG.DotNetBar等,能够非常方便快捷的开发出一些炫酷的界面,近期在学习OpenLayers.涉及到web前端开发,在设计界面时刚開始不熟悉,设计的非常丑,后来參照ArcGIS在线体验中心的demo以及对web前端界面设计库的调研,终于採用jQuery UI来美化界面(还有比較强大的Dojo).先来看下效果: 这里说下地图与影像切换两个button的实现,其它的都是一样的方式: CSS文件: #mapViewButton…