笔记

笔记

在“博文尚美、京东首页和酒店美食网页”这三个网页制作的过程中，我从中学习到了很多html和css的知识。
一、 博文尚美
1、 css中text-decoration 属性规定添加到文本的修饰。
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

2、 display 属性规定元素应该生成的框的类型。
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。

3、 visibility 属性规定元素是否可见。
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 “hidden”。
inherit 规定应该从父元素继承 visibility 属性的值。

4、 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
none 定义不进行转换。 测试

translate(x,y) 定义 2D 转换。 测试

translate3d(x,y,z) 定义 3D 转换。
translateX(x) 定义转换，只是用 X 轴的值。 测试

translateY(y) 定义转换，只是用 Y 轴的值。 测试

scale(x,y) 定义 2D 缩放转换。 测试

scale3d(x,y,z) 定义 3D 缩放转换。
scaleX(x) 通过设置 X 轴的值来定义缩放转换。 测试

scaleY(y) 通过设置 Y 轴的值来定义缩放转换。 测试

二、 京东首页
1、 img{vertical-align:top;} //去除图片底侧缝隙 图片和文字的基线对齐
2、 cursor:pointer; //鼠标变成小手
3、 img{height:auto;} //自动跟随者宽度一起缩放
4、 height：auto； //针对于自己的高度和宽度
三、 酒店美食网页
1、overflow 属性规定当内容溢出元素框时发生的事情。
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

2、letter-spacing 属性增加或减少字符间的空白（字符间距）。
normal 默认。规定字符间没有额外的空间。
length 定义字符间的固定空间（允许使用负值）。
inherit 规定应该从父元素继承 letter-spacing 属性的值。

3、样式三者的优先级
	内联样式>内部样式>外联样式
	第一等：代表内联样式，如：style=“”，权值为1000
	第二等：代表ID选择器，如：#content，权值为100
	第三等：代表类，伪类和属性选择器，如：.content，权值为10
	第四等：代表类型选择器和味蕾元素选择器，如div p,权值为1

5、 官方表述的CSS样式优先级如下：
通用选择器（*）<元素（类型）选择器<类选择器<属性选择器<伪类<ID选择器<内联样式
6、 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，目的是为了可以选择更准确更精确的目标元素标签。
7、 交集选择器是由两个选择其构成，其中第一个标签选择器，第二个为class选择器，两个选择器之间不能有空格，代表的是并且的意思，需要同时符合是两个选择器。
8、 并集选择器时各个选择器通过都好连接而成的，代表的是和的意思，即用逗号隔开的所有选择器都会执行后面的样式。
9、 后代选择器又称包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。
10、 子元素选择器只能选择作为某元素的元素。
11、 伪类选择器用于向某些选择器添加特殊的效果。