CSS的全称是什么?
层叠样式表 (Cascading Style Sheets)
CSS有几种引入方式? link 和@import 有什么区别?
*
浏览器缺省设置
*
外部样式表
*
内部样式表(位于 <head> 标签内部)
*
内联样式(在 HTML 元素内部)拥有最高优先权
当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。<link> 标签在(文档的)头部.
@import规则一定要先于除了@charset的其他任何CSS规则,使用@import影响页面性能的地方主要体现在两个方面:
*
影响浏览器的并行下载
*
多个@import导致下载顺序紊乱
要注意的是,不论是link还是import方式,会下载所有css文件,然后根据媒体去应用css样式,而不是根据媒体去选择性下载css文件。
最好不要用@import
以下这几种文件路径分别用在什么地方,代表什么意思?
css/a.css 当前目录下的css文件夹中的a.css
./css/a.css 当前目录中css文件夹中的a.css文件
b.css 当前目录下的b.css文件
../imgs/a.png 上级目录中的imgs 文件夹中的a图片
/Users/hunger/project/css/a.css 本地绝对路径中的a.css文件
/static/css/a.css 网站中也可以使用绝对路径
http://cdn.jirengu.com/kejian1/8-1.png 网络中的路径
如果我想在js.jirengu.com上展示一个图片,需要怎么操作?
将图片上传到服务器,可以用img标签src属性的值为图片在服务器中的路径,
列出5条以上html和 css 的书写规范
css:
*
选择器 与 { 之间必须包含空格
*
属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格
*
属性定义必须另起一行
*
属性定义后必须以分号结尾
html
*
一定要闭合HTML标签
*
声明正确的文档类型(DocType)
*
不要使用内联样式
*
使用小写的标签名
*
同一页面,应避免使用相同的 name 与 id重名
*
标签使用必须符合标签嵌套规则
截图介绍 chrome 开发者工具的功能区
elements:显示、修改当前页面的dom元素,浏览器实时展示,该页所修改的内容只有自己可以看到,通常可以用来 测试网页展示效果。
style:对应的是当前页面的样式,如果觉得该页有哪部分样式想借鉴,或者在chrome中调试好的样式,可以复制这段样式的代码。
console:可以看js代码的执行状态和变量,输入al_c可以看到全局变量,在页面js页面添加console.log(想输入的内容),把控制台关闭不在浏览器中显示,打开控制台又出现。
sources:可以调试js
network:调试ajax接口,前后台交互的问题。
application:当前页面请求的资源
memory:分析cpu和内存
注:常用部分有elements、application、network、console