CSS认识1

问答

  • 样式有几种引入方式? link和 @import有什么区别

1. 三种

内联样式(行内样式)

Hello World

外联样式(嵌入样式)


外链样式(外部样式)


2. link和@import有以下区别

  1. @import会在页面主体完全渲染之后加载,link写在head内会在在渲染页面之前加载好样式。使用@import在页面内容过于庞大的时候会出现闪烁的情况。
  2. link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
  3. link支持使用Javascript控制DOM去改变样式;而@import不支持。

  • 文件路径../main.css、./main.css、main.css有什么区别

../main.ss 是上一级目录下的main.css文件
./main.css和main.css是当前目录下的main.css文件
他们都是相对路径


  • console.log是做什么用的
    console.log是控制台日志 主要是用来调试js代码 和alert()和document.write()等不同的是藏在控制台里一般不会被用户所看到
    还有四种用法

Paste_Image.png

具体资料
http://www.w3cfuns.com/notes/14682/20abea555555120ec91fc1fb8521149c.html


  • text-align有几个值,分别有什么作用
    左端对齐

Hello World

右端对其

Hello World

居中对齐

Hello World

两端对齐

Hello World 这是 用来 填充

继承

Hello World

CSS认识1_第1张图片
Paste_Image.png

两端对齐资料
http://www.zhangxinxu.com/wordpress/tag/text-alignjustify/
http://www.cnblogs.com/radom/archive/2010/09/03/1817041.html
http://www.w3cplus.com/css/text-align-justify-and-rwd.html

  • px、em、rem分别是什么?有什么区别?如何使用

px:像素 (计算机屏幕上的一个点) 相对于屏幕分辨率

很好
CSS认识1_第2张图片
Paste_Image.png

em:1em 等于父级的字体尺寸(改变父级字体大小可以改变大小)

很好

CSS认识1_第3张图片
Paste_Image.png

rem:1rem等于根(html)字体尺寸(修改父级字体大小不变)





Document


很好

CSS认识1_第4张图片
Paste_Image.png
  • 对chrome 审查元素的功能做个简单的截图介绍
CSS认识1_第5张图片
Paste_Image.png

资料
http://www.cnblogs.com/constantince/category/712675.html

  1. 如下代码,设置 p为几 rem,让h1和p的字体大小相等?

饥人谷

饥人谷

根元素=16*0.625=10
60/10=6

换算工具
http://pxtoem.com/

本教程版权归菲龍探雲和饥人谷所有,转载须说明来源

你可能感兴趣的:(CSS认识1)