第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. wifi扩展设置

    一.主路由器设置 网络参数 LAN口设置查到 MAC地址,用于设置扩展路由器 Bridge功能设置时 AP1的地址 2.无线基本设置,桥的 SSID BSSID 为扩展 3.无线安全设置 二.扩展路由 ...

  2. mysql常见的优化方法

    1.选取适当的字段属性.例如,在定义邮政编码这个字段时,如果将其设置为CHAR(255),显然给数据库增加了不必要的空间,甚至使用VARCHAR这种类型也是多余的,因为CHAR(6)就可以很好的完成任 ...

  3. 使用C#创建Windows服务

    本文属于原创,转载请注明出处,谢谢! 一.开发环境 操作系统:Windows 10 X64 开发环境:VS2015 编程语言:C# .NET版本:.NET Framework 4.0 目标平台:X86 ...

  4. Android hook神器frida(一)

    运行环境 ● Python – latest 3.x is highly recommended ● Windows, macOS, or Linux安装方法使用命令 sudo pip install ...

  5. js 数组里求最大值和最小值

    // 数组里相邻两个数做比较 取满足条件的那个(以此类推) var arr = [1,3,4,5,6,7]; function Max(array){ var max = array[0]; for( ...

  6. href设置action绝对路径和相对路径

    绝对路径: 示例: <a href="<%=basePath %>account/list.action"></a> 注意:这里${basePa ...

  7. (转)ZXing生成二维码和带logo的二维码,模仿微信生成二维码效果

    场景:移动支付需要对二维码的生成与部署有所了解,掌握目前主流的二维码生成技术. 1 ZXing 生成二维码 首先说下,QRCode是日本人开发的,ZXing是google开发,barcode4j也是老 ...

  8. [js] 实现接口

    摘要 js 语言并没有interface implement 关键字,如果要做到和后端语言类似的接口,一般会需要模拟实现. 在oo 编程中, 接口可以让架构师规定好模块必须要实现的方法, 尽量解耦模块 ...

  9. Wamp之mysql密码故事

    注:有时候修改mysql密码会出现如下状况:密码改了,但新密码就是进不进去. 原因大概是语法错误.例如: >update user set password='hooray' where use ...

  10. Warning[w2]: Symbol ?P…

    屏蔽的方法: 一.找到$PROJ_DIR$\..\..\..\Tools\CC2530DB\f8w2530.xcl位置 二.找到f8w2530.xcl 三.打开f8w2530.xcl,注释D?PBAN ...