美文网首页
HTML+CSS杂记

HTML+CSS杂记

作者: 彼得朱 | 来源:发表于2019-06-07 10:10 被阅读0次

1、background-attachment
有三个值:scroll、fixed、inherit

scroll是默认值,背景图像会随着页面其余部分的滚动而滚动;

fixed当页面的其余部分滚动时,背景图像不会移动;

inherit规定从父元素继承background-attachment属性的设置

其余:background-clip属性规定背景的绘制区域

2、选择器优先级
id选择器:100

类选择器:10

标签选择器:1

内联样式表:1000

3、Localstorage和sessionstorage
Localstorage是h5存储数据的方式,在h5中,本地存储是一个Windows属性,包括Localstorage和sessionstorage。h5本地只能存字符串,任何形式的数据都会被转换成字符串,是永久性存储。可以通过浏览器进行设置。

Localstorage用于持久化的本地存储,除非主动删除数据,否则数据是永不会过期的。

sessionstorage用于本地存储一个会话中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionstorage不是一种持久化的本地存储,仅仅是会话级别的存储。

4、清除浮动几种方式的比较
第一种:使用带clear属性的空元素

在浮动元素后使用一个空元素如<div class="claer"></div> .clear{clear:both}

优点:简单、代码少、浏览器兼容性好

缺点:需要添加大量无语义的HTML元素,代码不够优雅,后期不容易维护

第二种:使用css的overflow属性

给浮动元素的容器添加overflow:hidden或overflow:auto属性,可以清除浮动。

第三种:使用邻接元素处理

给浮动后面的元素添加clear属性

第四种:使用css的:after伪元素

5、css盒子模型中padding是透明的,这部分可以显示背景
6、常用的浏览器端存储技术

cookie、localstorage、userData

cookie:靠谱的浏览器都支持

localstorage:比cookie存的更多,获取更方便,而且存储的内容不会随请求发送给服务器。

session:不在浏览端存放主要信息

userData:IE支持userData存储数据,但是基本很少使用到,除非有很强的浏览器兼容需求。

6、页面载入时会触发onload事件
7、屏幕尺寸

超小屏幕(手机) 小屏幕(平板) 中等屏幕(桌面) 大屏幕(桌面)
<768px >=768px >=992 >=1200
.col-xs- .col-sm- .col-md- .col-lg-

8、form表单的input的read only 和disabled
read only 规定输入字段为只读。input内容会随着表单提交。
disabled指当input元素加载时禁用此元素,不会随着表单提交。
9、DHTML作用
使网页作者改变网页外在特征而不强调用户再次下载全部内容
10、jQuery ajax中都支持的数据类型
text、html、xml、json、jsonp、script
11、web表单登录中用到的图形验证码的实现
服务器端生成验证码后,一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确。
12、mailto
mailto可以在网页上通过链接直接打开邮件客户端发送邮件
13、超链接访问后hover样式就不出现了
被点击访问过的hover样式就不出现了,被点击访问过的超链接样式不再具有hover和active了,解决方法是改变CSS属性的排列顺序(lovehate)link ->visited ->hover ->active
14、display和visibility
display:none指的是元素完全不陈列出来,不占据空间,涉及到了DOM结构,故产生reflow和repaint
visibility:hidden指的是元素不可见但存在,保留空间,不影响结构,故只产生reflow
15、浏览器前缀

1.png

相关文章

网友评论

      本文标题:HTML+CSS杂记

      本文链接:https://www.haomeiwen.com/subject/rllmxctx.html