html&css笔记(1)
本文是在阅读《head first html and css》时记下的一些需要注意的地方。
第3章
浏览器不会显示html文本中的空白符和换行。
标签的属性用来定义一个元素。p53
href hypertextreference(超文本引用),是互联网或者计算机上的一个资源的别名。注意是文本,也可以把<img>放在a标签中间 p53
href是追踪从源文件到目标文件的路径。 p61
无论操作系统是什么,对于网页,使用统一的分隔符“/”(斜线) p65
<q>代表引用,使页面更结构化、更有意义。浏览器也能更为合适地处理这样的元素 p87
<q>是短引用(内联元素),作为段落的一部分,<blockquote>是长引用(块元素),需要单独显示。p90
<br>表示换行,是空元素,也叫void元素。<img>同 p99
除非编写与xhtml兼容的页面换行写为<br/>,否则,都要用<br>. p99
字符实体(character entity)用来表示特殊的字符,比如>和<,以及&符号。p112
第4章
在点击<a>元素中的文本时,浏览器利用href中的相对路径和当前页面的路径组合成目标文件的绝对路径。p137
用id链接到目标需要在链接最后用“#标识符”来标识,比如href=“index.html#top",其中top是ID。p151
使用target=”_blank"属性表示在新窗口中打开一个网页。其值表示打开网页的目标窗口,为空就代表在新窗口中打开,非空时比如target=”coffee“,其实就是在对新窗口命名,以后再指定目标为coffee窗口的页面就会在该新建窗口中打开。p156
第5章
<img>是空元素,它只是指向一个图像,实际上浏览器显示页面时,图像会取代<img>元素。 p172
<img>的alt属性提供了对图像的描述,在图像显示失败时,会显示alt内容。 p173
<img>如果没有指定width和height属性,则浏览器会自动指定图像的宽度,在下载图像之后再根据图片的大小重新调整布局。 p174
虽然可以通过width、height属性调整图像的显示大小,但浏览器还是会下载原始图像,这样会导致流量浪费,所以可以通过事先修改图片调整。p187
<img>是内联元素 p195
第6章
W3C标准验证工具 p233
不允许在void元素中嵌套其他内联元素。p246
第7、8章
<link>元素是void元素,需要指定rel、href属性。 p275
<font>和<center>元素以及过时了,以后不要再用 p278
css总是使用最特定的规则 p285
可以为一个元素指定多个类,同时放在class属性中,各个类之间用空格分开。 p291
font-family属性最后总是放一个通用的字体系列名,如serif. p317
@font-face创建一个web字体,该样式要放在样式表最前面。p326
关键字定义字体大小在很多浏览器中并不相同,关键字如small、medium、large p330
可以这样定义字体大小,先用关键字定义默认字体大小,然后再用em或者%指定子元素字体大小。这样做也便于统一修改。最好不要用像素指定字体大小。 p330
斜体(italic)是一种字体风格,倾斜(oblique)是浏览器将字体倾斜。p337
如果需要为文本指定上划线和下划线,则需要在一个text-decoration中同时指定,不能在两个装饰中同时声明,这样会叠加。 p353
color实际上控制着一个元素的前景色,所以它会控制文本和边框颜色 p353
html&css笔记(1)的更多相关文章
- HTML+CSS笔记 CSS笔记集合
HTML+CSS笔记 表格,超链接,图片,表单 涉及内容:表格,超链接,图片,表单 HTML+CSS笔记 CSS入门 涉及内容:简介,优势,语法说明,代码注释,CSS样式位置,不同样式优先级,选择器, ...
- CSS笔记--选择器
CSS笔记--选择器 mate的使用 <meta charset="UTF-8"> <title>Document</title> <me ...
- HTML+CSS笔记 CSS中级 一些小技巧
水平居中 行内元素的水平居中 </a></li> <li><a href="#">2</a></li> &l ...
- HTML+CSS笔记 CSS中级 颜色&长度值
颜色值 在网页中的颜色设置是非常重要,有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色 语法: p{co ...
- HTML+CSS笔记 CSS中级 缩写入门
盒子模型代码简写 回忆盒模型时外边距(margin).内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左. 语法: margin:10px 15p ...
- HTML+CSS笔记 CSS进阶再续
CSS的布局模型 清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上, ...
- HTML+CSS笔记 CSS进阶续集
元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1&g ...
- HTML+CSS笔记 CSS进阶
文字排版 字体 我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性. 语法: body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果 ...
- HTML+CSS笔记 CSS入门续集
继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代(标签). 语法: p{color:red;} <p> ...
- HTML+CSS笔记 CSS入门
简介: </span>年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的<span>脚本解释程序</span>,作为ABC语言的一种继承. & ...
随机推荐
- 基于vue2.0的一个豆瓣电影App
1.搭建项目框架 使用vue-cli 没安装的需要先安装 npm intall -g vue-cli 使用vue-cli生成项目框架 vue init webpack-simple vue-movie ...
- 实时音视频互动系列(上):又拍云UTUN网络详解
如何定义实时音视频互动, 延迟 400ms 内才能无异步感 实时音视频互动如果存在1秒左右的延时会给交流者带来异步感,必须将视频播放延迟限制在400ms以内,才能给用户较好的交互体验. 当延迟控制在4 ...
- 分享一个废弃已久的插件架构 (.Net)
框架介绍 1:将插件暴露的页面数据接口复用到任何 WebForm和Mvc 架构的系统. 2:插件可在线卸载,发布,更新. 3:插件可分布式 独立 部署. 4:插件之间完全解耦,通过Url跳转 相互不需 ...
- sleep() 和 wait() 有什么区别?
sleep()方法是使线程停止一段时间的方法.在sleep 时间间隔期满后,线程不一定立即恢复执行.这是因为在那个时刻,其它线程可能正在运行而且没有被调度为放弃执行,除非"醒来"的 ...
- linux中grep命令的用法
作为linux中最为常用的三大文本(awk,sed,grep)处理工具之一,掌握好其用法是很有必要的. 首先谈一下grep命令的常用格式为:[grep [选项] "模式" [ ...
- 学习java窗口基本操作时无聊写的
学习java窗口基本操作时无聊写的 就当记录 代码如下: package day08; import java.awt.BorderLayout;import java.awt.Color;impor ...
- TestFlight使用方法
1 说明 目前IOS版本APP上架前,很少有项目对上架包进行测试,而上架包是人工打包的,很有可能之前的测试包没有问题,可打出的上架包出现问题.苹果市场是有提供对上架包内部测试的,可以对上架包进行测试, ...
- 机器学习 —— 基础整理(六)线性判别函数:感知器、松弛算法、Ho-Kashyap算法
这篇总结继续复习分类问题.本文简单整理了以下内容: (一)线性判别函数与广义线性判别函数 (二)感知器 (三)松弛算法 (四)Ho-Kashyap算法 闲话:本篇是本系列[机器学习基础整理]在time ...
- 【css】盒子模型 之 概述
摘要 一些基本的概念以及常见使用问题 概述 BFC 是css 中布局的核心 - 盒模型,根据块级元素及行级元素可分为块级容器, 行级容器,但容器内部都遵循 BFC BFC 空间布局 备注: IE 的盒 ...
- opnet的simple_source模块学习 分类: opnet 2014-05-18 09:50 170人阅读 评论(0) 收藏
simple_source模块可以在外部设置的属性 有四个局部统计量,分别为产生的bit速率.包速率.包大小,包间隔 状态机为三个非强制对象,在头文件里定义了自中断和转移条件. /*Include f ...