《head first html与css、xhtml》——第11章div和span

2015-04-06 09:29:45

清明假期最后一天

1.<div>用来把页面分割成若干个逻辑部分或者组。

2.借助结构,把页面分成几个合理的逻辑结构,这样有助于网页结构的清晰和样式化。

3.widht只是用来定义内容区的宽度。

4.块元素的默认宽度是:“auto”

5.text-align属性只会影响到一个元素中所有内联内容的对齐样式。我们在<div>块元素中设置了这个属性,结果它的所有内容都居中了,它只会影响各种内联元素。text-align属性只能用于块元素,如果直接用于内联元素(如<img>)就没有作用了。<div>元素中的所有文本都嵌套在块元素中,但现在他们的对齐样式都改变了,这是因为这些块元素继承了<div>的text-align属性,不是<div>直接影响标题和段落(这些都是块元素)中的文本对齐样式,而是标题和段落继承了text-align属性值“center”,使他们自己的内容居中了。

6.并非所有的属性都是可以默认继承的,所以,这并不会对所有的属性都起作用。

7.font:font-style font-variant font-weight font-size/line-height font-family

要注意出现的顺序,weight包括weight之前的是可选的,要在font-size之前,line-height是可选的,在font-size右边加一个/再加属性值。

8. 伪类(pseudo-classes)

9.链接可以有几个状态,未访问,已访问,鼠标悬浮,聚焦(focus),激活(active)。最后两个要注意,有些浏览器不支持。

  focus是tab转换链接时,聚焦到正在的连接上时。active是用户第一次点击一个连接时。

10.链接能同时处于几个状态,应用哪个样式,取决于规则的顺序。一般认为合理的顺序为:link,visited,focus,hover,active.

11.层叠就是浏览器决定采用哪种样式的方法。

12.

时间: 2024-08-25 18:51:09

《head first html与css、xhtml》——第11章div和span的相关文章

CSS XHTML规范化命名参考

CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:foote

HTML与CSS入门——第三章 理解HTML和XHTML的关系

知识点: 1.以HTML创建一个简单网页的方法 2.包含每个网页必须有的所有HTML标签的方法 3.用段落和换行组织页面的方法 4.用标题组织内容的方法 5.HTML.XML.XHTML和HTML5之间的差别 3.1 从一个简单的网页开始: 作者建议:从简单的文本编辑器开始学习,之后再转向可视化工具. 扩展名支持:.htm以及.html 如.jsp,.asp,.php之类的文件类型使用超出了HTML范围的服务器端技术,需要专门的服务端支持.比如Apache服务器 3.2 每个XHMTL网页必须有

锋利的jQuery第2版学习笔记8~11章

第8章,用jQuery打造个性网站 网站结构 文件结构 images文件夹用于存放将要用到的图片 styles文件夹用于存放CSS样式表,个人更倾向于使用CSS文件夹 scripts文件夹用于存放jQuery脚本,个人更倾向于使用JS文件夹存放所有的js及jQuery脚本 编写CSS样式 推荐首先编写全局样式,接着编写可大范围内重用的样式,最后编写细节样式,这样根据CSS最近优先原则,可以较容易地对网站进行从整体到细节样式的定义 第9章,jQuery Mobile jQuery Mobile主要

CSS之div和span标签

div和span是非常重要的标签,div的语义是division"分割": span的语义就是span"范围.跨度". 这两个东西,都是最最重要的"盒子". 1                <div> 2                         <h3>中国主要城市</h3> 3                         <ul> 4                         

第11章 全局属性和其它

第 11 章全局属性和其他 学习要点: 1.实体 2.元数据 3.全局属性 本章主要探讨 HTML5中的  HTML实体.以及 HTML核心构成的元数据,最后了解一 下 HTML中的全局属性. 一.实体 HTML实体就是将有特殊意义的字符通过实体代码显示出来 字符 说明 字符实体名 十进制实体 无断行空格 ¡ 倒置的感叹号 ¡ ¡ ¢ 美分符号 ¢ ¢ £ 英镑符号 £ £ ¤ 货币符号 ¤ ¤ ¥ 元符号 ¥ ¥ ¦ 间断竖杆 ¦ ¦ § 部分符号 § § ¨ 二连续元音分音符 ¨ ¨ © 版

微信小程序入门与实战/常用组件/API/开发技巧/项目实战 共11章

实战开发电影资讯微信小程序 学习之前需要掌握JavaScript和CSS基础 ----------------课程目录---------------- 第1章:什么是微信小程序 开篇及课程特色介绍 直观感受一下微信小程序 小程序适合做什么样的应用 对开发者的影响 学习基础 小作业 第2章:环境搭建与开发工具 开篇介绍及下载工具 小程序目前情况及限制 小程序开发工具介绍 第3章:开始小程序之旅 本章内容简介 官方种子项目介绍与小程序的文件结构 新建我们自己的项目:ReaderMovie 开始制作项

第 11 章 全局属性和其他

第 11 章  全局属性和其他 学习要点: 1.实体 2.元数据 3.全局属性 本章主要探讨 HTML5 中的 HTML 实体.以及 HTML 核心构成的元数据,最后了解一 下 HTML 中的全局属性. 一.实体 HTML 实体就是将有特殊意义的字符通过实体代码显示出来. 实体:在页面中无法显示出来的 显示结果 实体名称 实体编号 描述 空格 < < < 小于号 > > > 大于号 & & & 和号 " " " 引号

(前端)html与css,8、div和span标签

1.div和span的认识 通常称为"盒子" div是大的范围,span是小的范围 div:division,范围.区域.分割,并没有什么特殊语义,经常用来布局. div里经常放置一些具有某些特殊功能.相似类型的标签,这就是布局过程. div是一个典型的容器级标签,可放置任何的标签. span:小区域.小跨度.常用于小范围调整布局. span在p标签内:一般认为p>span>p 2.简单的div+css布局 最开始使用表格布局,结构和样式不分离. div+css:结构和样式

C++ Primer 读书笔记:第11章 泛型算法

第11章 泛型算法 1.概述 泛型算法依赖于迭代器,而不是依赖容器,需要指定作用的区间,即[开始,结束),表示的区间,如上所示 此外还需要元素是可比的,如果元素本身是不可比的,那么可以自己定义比较函数. 2.常用的泛型算法函数: fill,fill_n, copy, replace, sort, unique, count_if, stable_sort 此外在有一个谓词函数会结合以上的函数使用,像sort, count_if等 3.再谈迭代器 (1)插入迭代器 back_inserter, f