第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. linux可用更新源

    Kali 2.0更新源kali-rolling:#中科大deb http://mirrors.ustc.edu.cn/kali kali-rolling main non-free contribde ...

  2. Redis基本数据结构总结之SET、ZSET和HASH

    Redis基本数据结构总结 前言 Redis的特点在于其读写速度特别快,因为是存储在内存中的,其非常适合于处理大数据量的情况:还有一个是其不同于其他的关系型数据库,Redis是非关系型数据库,也就是我 ...

  3. Reverse bits - 按位反转一个int型数字

    Reverse bits of a given 32 bits unsigned integer. For example, given input 43261596 (represented in ...

  4. win10下python2与python3以及pip共存

    一 分别安装python2和python3 注意: 安装时记得勾选 Add Python.exe to Path 二 安装pip Python3最新版本有pip,无需安装 Python2: 下载pip ...

  5. lfcp——PB使用

    场景:记录以备忘. 1 直接说明 pb连接说明:目前项目共有性能.功能.业务.联调四个环境.所以pb可以连接四个不同的数据库.1.copy一份pb程序,修改main.ini文件中的DBCONNECT/ ...

  6. (转)Java并发编程:深入剖析ThreadLocal

    Java并发编程:深入剖析ThreadLoca Java并发编程:深入剖析ThreadLocal 说下自己的理解:使用ThreadLocal能够实现空间换时间,重在理解ThreadLocal是如何复制 ...

  7. 【javascript】变量作用范围

    一.全局变量&局部变量 test="" 全局变量 var test="" 局部变量,无块的概念,作用域为function 或者script块 二.有意思 ...

  8. CentOS 7.3.1611系统安装配置图解教程

    操作系统:CentOS 7.3.1611 IP地址:192.168.21.130 网关:192.168.21.2 DNS:8.8.8.8 8.8.4.4 备注: CentOS 7.x系列只有64位系统 ...

  9. 小白读iOS冗余资源扫描脚本

    随着公司项目的不断功能迭代,项目的体积越来越大,各种瘦身策略迫在眉睫.由于平时使用Linux高级命令和 shell脚本的机会不多,之前学的知识一下子想起来很难.所有趁着这次看脚本,重新温习一下. 本文 ...

  10. CrashMonkey4Android 的安装及使用

    CrashMonkey4Android 的安装及使用 简介 CrashMonkey4Android,是一个依靠Cts框架,对原生Monkey进行改造后的产物,拥有以下新增功能: 保存每一步的截图 保存 ...