HTML/CSS刷题笔记1

题目来源:牛客网

1、IE9及以上支持box-radius以及box-shadow属性,Chorme\Safari\Firefox支持所有边框属性

2、sessionStorage:创建一个本地存储的数据对,数据名称,数据值,临时保存本窗口的数据,当窗口关闭时数据也会被删除,想要永久保存(除非手动删除)可以用localStorage。

3、link和@import的区别,1、link是XML提出的不存在兼容问题,@import是CSS2.1提出的,低版本的浏览器无法使用。2、link可以支持CSS和JS,@import只能支持CSS。3、link和HTML页面同时加载,@import需要等到HTML加载完之后才能加载。

用法link:<head><title></title><link rel="index.css" style="stylesheet" /></head>

@import:<style type="text/css">@import url(index.css);</style>

4、pt(磅):物理长度单位;px(像素):计算机虚拟长度单位,一般需要依靠dpi来精确确定,打印机有dpi可选,windows的dpi默认为96,apple默认为72.

5、CSS优先级:通配、继承:0;标签、伪元素、伪对象:1;类、属性:10;id:100;内联:1000。权重采用256进制。

!important:表示强制应用该样式,优先级最高。、

6、cookie\flash\sessionStorage\localStorage\GoogleGear\GlobeStorage\userData;随表头一起发送,增加流量,容量很小随着浏览器不同\容量很大,需要安装flash插件|使用于firefox2+浏览器,IE不支持切不能永久保存数据\可以永久保存数据、低版本浏览器不支持\google本地存储技术,需要安装gear组件\适用于firefox2+浏览器,IE不支持,不需要下载插件\IE开发的浏览器存储技术,容量64K,较大,比较可靠,仅使用于IE。

注意session服务器端,其他是浏览器端。

7、为了代码可读性,border建议按照,border-width\border-style\border-color顺序书写。

8、localStorage用法:保存数据windows.localStorage.setItem("key","value")读取数据 var lastname=localStorage.getItem("key");删除数据localStorage.removeItem("key");

9、选择器优先级:!Important>行内样式>id选择器>类选择器>标签>通配符>继承>浏览器默认样式

同一级别的后写的会覆盖先写的

10、p元素不能包含任何其他块元素(除了他本身和内联元素可以),a标签可以包含任何元素(除了他本不可以)

11、h5新增语义化标签header\footer\nav\article\aside\time\ruby注释,和rt|rp配合使用\details\mark\progress进度条\section\video不支持自动播放\audio不支持自动播放\datalist模糊查询\embed插入多媒体内容\canvas\main主要内容

12、可继承的属性:颜色,文字,字体,字体间距行高对齐方式,和列表样式可继承。

13、DOM中的事件对象:preventDefault();//取消事件默认行为stopImmediatePropagation()//取消事件冒泡并且阻止当前结点上的应用程序被调用;stopPropagation:阻止事件冒泡;IE中的事件对象:cancleBubble()//取消事件冒泡;returnValue//取消默认行为

14、各大浏览器前缀:Chrome/Safari:-webkit-;firefox:-moz-;IE:-ms-;Opera:-o-;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章