爱奇艺原网页
爱奇艺原网页https://www.iqiyi.com/https://www.iqiyi.com/
一 bootstrap中的滚动监听
在bootstrap文档中 先向你要监听的元素(通常是body)添加data-spy="scroll" ,然后添加data-target,在给爱奇艺网页中添加滚动监听时,网页中显示的是这个
左边是自己做的,右边是模板,而且自己做的达不到监听的效果,类似一个锚点链接,这个到现在还没解决,寒假前争取解决
二 在写网页时遇到的一些特殊符号
三,在CSS中遇到的优先级问题
优先级:
优先级:!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承 【优先级高的规则会忽视层叠性,忽视就近原则来定义样式。比如定义了!important,即使行内样式离得近,最终生效的还是!important标注的属性】
例如 权重 通配符选择器 继承(0,0,0,0) 标签选择器(0,0,0,1) 类选择器 (0,0,1,0) ID选择器 (0,1,0,0,) style选择器(1,0,0,0,) !important无穷大
四 在HTML和CSS中一些注释问题
在HTML注释用<!---->
在CSS中注释用/* */
五 z-index属性
在写网页时好多时候要用z-index来让一个盒子来覆盖在一个盒子,有点不理解,
定义:一个元素在文档中的层叠顺序,用于确认元素在当前层叠上下文中的层叠级别。
适用于:定位元素。即定义了position为非static的元素
每个元素层叠顺序由所属的层叠上下文和元素本身的层叠级别决定(每个元素仅属于一个层叠上下文)。
1、同一层叠上下文
层叠级别大的显示在上面,级别小的显示在下面;
层叠级别中的两个元素,依据它们在HTML文档流中的顺序,写在后面的将会覆盖前面的。
2、不同层叠上下文
元素的显示顺序依据祖先的层叠级别来决定,与自身的层叠级别无关。
div未设置z-index,在高级浏览器下不会产生新的局部层叠上下文,也就是说它们的子元素没有被新的局部层叠上下文包裹,那么它们的子元素就处在同一个层叠上下文中,可以直接通过自身的层叠级别来决定显示顺序。
六 一些问题
在写网页时 对一些空格只能用&npsb;隔开、
最后对左边的一个盒子添加float :left 对右边float :left 记得要给父元素添加overflow :hidden q清除浮动