第9章

用background-image属性为任何元素添加背景图片,用url()标识背景位置,它落在背景颜色之上,所以类似于背景颜色,它位于边框之内 p380

可以指定任一边框(上、下、左、右)的样式、颜色、粗细,如border-right-color p397

width属性只指定内容区的宽度 p428

text-align会对块元素中的所有内联元素内容对齐,并且只能用在块元素上,如果直接用于内联元素如<img>,则将不起作用。 p432

子块元素将会继承父块元素的text-align属性。 p433

各个属性的简写 p443

如果对内联元素四周都增加外边距,那么就只有左边和右边会增加空间。可以增加上下内间距,但是会与包围它的内联元素的内边距重叠,所以不会影响他们的间距。p450

读者在属性声明的最后加上!important将会覆盖作者的样式,如:font-size:20px !important; p461

第10章

文本是内联元素的一种特殊情况,浏览器会把它分解为适当的大小,以适应给定的空间,表现为<text>标签,p475

浏览器上下放置两个块元素时,会折叠它们的外边距,他们之间的外边距等于外边距最大的那个元素的外边距。 p477

只要两个垂直外边距碰到一起,他们就会折叠 p478

对于所有的浮动元素都要有一个宽度 p479

段落是一个块元素,所以不会有元素移动到它旁边,在它的前后都有一个换行。 p479

第11章

css表格显示,每个单元格放置一个元素。 p511

border-spacing属性为表格中的单元格增加边框间距,可以看作是正常元素的外边距 p516

只有使用css绝对定位、相对定位、固定定位的元素才有z-index属性  p529

注意视窗和页面的区别 p536

第12章

现代浏览器就知道主内容和<aside>直接的区别,所以它会对<aside>中的内荣区别对待,比如搜索引擎可能会优先考虑页面上的主要内容。p556

如果<time>元素的内容没有采用官方internet日期/时间格式,那么久必须有datetime属性,且在该属性中表示出符合官方internet日期/时间格式的日期。 p565

块元素的默认display属性为block,如果把它改变为inline,则块元素前后不再会有换行,也就是和内联元素相同。p574

<video>元素中的autoplay和controls属性是布尔属性,他们没有值。可以用post属性为它指定一个海报图像。p583

第13章

对于表格的每一行,如果实际的元素数小于列数,那么仍然要有元素标签,只不过把内容置空,写为<td></td> ,否则表格就不能对齐。p607

对于表格单元,不适用外边距而是使用border-spacing对整个表格进行设置,不能单独设置某一单元格的brder-spacing。p614

使用rowspan属性指定一个表格单元跨越多少行,该单元所占的其他单元格的内容被删除 。相应的,列有一个colspan属性。p632

如果要为列表项定制标记符号,则可以通过设置list-style-image:url()属性完成。p632

使用list-style-position属性控制列表项文字的回绕,:inside表示在标记下回绕,outside表示只在文本下回绕。outside和inside的设置对象是标记。p633

第14章

表单实际上就是一个包含输入域的web页面。p646

<form>表单的action属性指明了处理表单数据的服务器脚本文件。p651

相关联的inpu单选选项必须有相同的name属性值。p653

<lable>属性的for标签的内容为相应元素的id p688

placeholder属性为<input>元素提供提示输入,颜色为灰色,但此时<input>元素的值为空。 p691

未涉及的内容...

web工作线程

作为服务器脚本,Node.js为javascript提供了一种全新的实现方式。

html&css笔记(2)的更多相关文章

  1. HTML+CSS笔记 CSS笔记集合

    HTML+CSS笔记 表格,超链接,图片,表单 涉及内容:表格,超链接,图片,表单 HTML+CSS笔记 CSS入门 涉及内容:简介,优势,语法说明,代码注释,CSS样式位置,不同样式优先级,选择器, ...

  2. CSS笔记--选择器

    CSS笔记--选择器 mate的使用 <meta charset="UTF-8"> <title>Document</title> <me ...

  3. HTML+CSS笔记 CSS中级 一些小技巧

    水平居中 行内元素的水平居中 </a></li> <li><a href="#">2</a></li> &l ...

  4. HTML+CSS笔记 CSS中级 颜色&长度值

    颜色值 在网页中的颜色设置是非常重要,有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色 语法: p{co ...

  5. HTML+CSS笔记 CSS中级 缩写入门

    盒子模型代码简写 回忆盒模型时外边距(margin).内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左. 语法: margin:10px 15p ...

  6. HTML+CSS笔记 CSS进阶再续

    CSS的布局模型 清楚了CSS 盒模型的基本概念. 盒模型类型, 我们就可以深入探讨网页布局的基本模型了.布局模型与盒模型一样都是 CSS 最基本. 最核心的概念. 但布局模型是建立在盒模型基础之上, ...

  7. HTML+CSS笔记 CSS进阶续集

    元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1&g ...

  8. HTML+CSS笔记 CSS进阶

    文字排版 字体 我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性. 语法: body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果 ...

  9. HTML+CSS笔记 CSS入门续集

    继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代(标签). 语法: p{color:red;} <p> ...

  10. HTML+CSS笔记 CSS入门

    简介: </span>年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的<span>脚本解释程序</span>,作为ABC语言的一种继承. & ...

随机推荐

  1. Java自学手记——接口

    抽象类 1.当类和对象被abstract修饰符修饰的时候,就变成抽象类或者抽象方法.抽象方法一定要在抽象类中,抽象类不能被创建对象,如果需要使用抽象类中的抽象方法,需要由子类重写抽象类中的方法,然后创 ...

  2. Chrome浏览器扩展开发系列之十一:NPAPI插件的使用

    在Chrome浏览器扩展中使用HTML和JavaScript非常容易,但是如何重用已有的非JavaScript遗留系统代码呢?答案是将NPAPI插件绑定到Chrome浏览器扩展,从而实现在Chrome ...

  3. 在Linux环境如何在不解压情况下搜索多个zip包中匹配的字符串内容

    今天有个生产文件需要查日志,但因为是比较久远的故障,日志已经被归档为zip包放到某个目录下了,在不知道具体日期时间的情况下,总不能一个一个解压搜索吧.于是就研究一下怎么在多个压缩包里搜索字符串了.目前 ...

  4. CSS3-loading动画(四)

    图片看的效果真是不行,还是戳下面网址看吧 在线示例:http://liyunpei.xyz/loading.html 十七.效果十七 三个小球,纵向居中,间距撑开,依次改变小球的translateY的 ...

  5. HashMap的存储原理

    HashMap是java中相当重要的数据结构,使用HashMap的场景非常之多,因此,了解HashMap实现的过程和原理,是非常有必要的,在一些面试中也会经常被问到.好了,我们赶紧来研究java内部是 ...

  6. 第一章:selenium + java 环境安装

    1. 首先安装的是 jdk ,推荐安装的是   JDK 版本是 1.7 2.  安装 JDK 步骤: 第一步: 第二步: 第三步: 配置 JDK 环境变量,点击 我的电脑-右键-高级-环境变量. 第五 ...

  7. 使用Spring boot + jQuery上传文件(kotlin)

    文件上传也是常见的功能,趁着周末,用Spring boot来实现一遍. 前端部分 前端使用jQuery,这部分并不复杂,jQuery可以读取表单内的文件,这里可以通过formdata对象来组装键值对, ...

  8. Python基础之常用模块(一)

    模块本质就是一个.py文件,在安装目录下的lib文件夹下可以看到 模块分为三个部分:内置模块(存在于解释器中),第三方模块(lib文件夹下),自定义模块(自己定义的) 1.time模块 import ...

  9. nopCommerce 3.9 大波浪系列 之 事件机制(生产者、消费者)

    一.nop事件机制简介 应用场景:客户支付成功后,需要发送短信.邮件告知客户订单支付成功(短信.邮件由不同模块实现) 实现方法: 1.定义支付成功OrderPaidEvent事件. 2.定义短信,邮箱 ...

  10. tensorflow l2_normalize函数

    1.l2_normalize函数 tf.nn.l2_normalize(x, dim, epsilon=1e-12, name=None) 解释:这个函数的作用是利用 L2 范数对指定维度 dim 进 ...