9月3日笔记

固定定位锚点字幕滚动图片放大序列选择器

固定定位

position:fixed 固定定位 特点： 1、脱离文档流，不占位置，但脱离后行内元素可以设置宽和高 absolute也是一样的 2、相对body进行定位 3、不区分元素类型 4、不会随着滚动条滚动 注意点：定位的属性，如果没有指定相对于谁去定位，位置会默认遵循之前的 一些属性： crusor:pointer 鼠标变手指 透明属性： opacity:number 透明度 没有单位（透明属性 ie不支持） 取值0-1 ie低版本支持这个属性：filter:alpah(opacity=50) 取值1-100 在ie低版本浏览器里面，如果浏览器插入了图片，图片会出现蓝色边框（解决办法：border:none|0;） calc（）运算 可以进行四则运算； border-radius：圆角属性 超过自身的宽度一般，就变成圆了 展开形式: border-top-left-radius：左上。。。。。 重置样式： *{margin:0; padding:0;} ul ol{list-style-type:none;} img{border:none;vertical-align:top;} a{text-decoration:none;}

锚点

类似于定位器的超链接的一种 作用：在同一页面不同位置进行跳转 语法： html中 超链接：<a href="#id名称"></a> <标签 id="名称"></标签> <a href="#"> </a> 空连接 带有#的空连接具有返回顶部的作用 空链接：<a href="JavaScript:;"></a> 冒号后面可以跟JS代码 注意：在js里面：外层使用了双引号，内层要用单引号，解析问题，字符串

字幕滚动

marquee 行内块元素

图片放大

一般用两张图 配合相对位置和hover动画来做

序列选择器

nth-child(number) 注意点：不能别其他元素隔开，不要使用在最外层元素上面，使用此选择器的时候，保持同一标签 常见：ul li 。