CSS样式引入方式引入css样式的方式有以下三种:1.CSS内联样式,可以直接写在html标签中,一般不推荐。这里的文字是红色的
2.css内嵌,CSS代码写在3.css样式导入、链接及导入方法[1].linklink
【2】.importimport
@import"blue.css"注:三种css导入方式的优先级,inline"embeddedType>ImportType.Embedded>import有个前提:内嵌css样式的位置必须在外部样式的后面,一般代码写在...embedded(实际开发中也是这样写的),其实总结起来就是就近原则(越接近set元素,优先级越高)。(引入css样式,A链接使用href,导入其他图片,js代码使用src)链接方式和导入方式的区别:最根本的区别link和@import的区别在于link是html的标签,而@import是标签的css。link是XHTML标签(功能不限于导入CSS),而@import是CSS提供的规则(CSS2.1提出的规范,不兼容旧浏览器)。[1]@importurl()机制不同于链接。链接在加载页面之前先加载css,所以显示的页面从一开始就有样式效果;而@importurl()是在读取文件之后加载样式的,所以一开始不会有css样式,闪现样式之后的页面(网速慢的情况下)。[2]使用javascript控制dom改变样式时,只能使用link标签。@import导入的样式不受dom控制。文件路径,绝对路径和相对路径。../main.css,./main.css,main.css,/main.css../main.css有什么区别相对路径指向当前目录main.css文件的父目录/main.css相对路径,指向当前目录下的main.css文件main.css绝对路径,指向当前目录下的main.css文件/main.css绝对路径,指向根目录文本的作用main.css文件中的-aligntext-align有5个取值,left/right/center/justify/inherit,左对齐/右对齐/居中对齐/两端对齐/继承父元素对齐值。justify对齐时,每行的字间距可能不一致。css大小单位,px,em,rempx像素单位,em,rem相对单位,em(相对于父元素字体大小的倍数,如果父元素不存在,继续从父元素中查找上层,如果找不到,浏览器默认字体大小为16px为基准),rem(相对于HTML根节点元素字体大小的倍数)。对于只需要适配少量移动设备,分辨率对页面影响不大的,使用px。对于需要适配各种移动设备的,推荐使用rem1.px:它是你的屏幕设备上可以物理显示的最小点。这个点不是一个固定的宽度,不同设备上点的长宽和比例可能不同。.假设:你现在用的显示器上1pxwidth=1mm,而我用的显示器上1pxwidth=2mm,那么你定义一个宽度为100px的div,这个div在你的显示器上是10cm,我的显示器上是20cm厘米.另一个px点的长宽不一定是1:1的正方形,有些设备长宽比不一样。IE无法调整以px为单位的字体大小。2.em:所有现代浏览器的默认字体大小都是16px。此时1em=16px。然后你在body中人为定义font-size:12px;(把浏览器默认的16px改小一点),此时1em=12px,如果是0.8em,其实等于12px*0.8。em的使用是,如果想让整个网页的字体大小统一变大或变小,只需要改变body中的font-size值即可。我的尺寸是16px;本段文字大小为12px(16×0.75);我的size是2em,也就是24px,这里是相对parentLevel字体大小×2,而不是body中的16px
3.remem是相对parent的,如果嵌套层数太多,计算字体大小会很麻烦。所以对于rem(IE6-8不支持),它只是相对于html根元素的字体大小(默认还是16px,除非你用font-size定义其他大小),rem没有继承关系父母的大小。通过rem,可以只通过修改根元素来按比例调整所有字号,避免逐层复合字号的连锁反应。比如默认的htmlfont-size=16px,那么我要设置12px的文字:12÷16=0.75(rem),实际开发中为了计算方便,我们把默认的htmlfont-size=10px改一下,就不好算了(10÷16=62.5%)!然后将原来的px值除以10,再换成em为单位。对于不支持rem的浏览器,解决方法也很简单,就是多写一个绝对单位PX的声明。这些浏览器忽略使用rem设置的字体大小。html{字体大小:62.5%;}body{font-size:12px;字体大小:1.2rem;}p{font-size:14px;font-size:1.4rem;}下面的代码,给p设置多少rem,让h1和p的字体大小相等?title
title
浏览器默认字体大小为16px,代码中html标签stylefont-size:62.5%设置字体大小为62.5%,即0.625×16=10px,所以默认字体当前浏览器的大小更改为10px。rem是以HTML根元素的字体大小作为参考。当p标签中的font-size设置为6rem(6rem×10)时,就是60px,可以和h1标签的字体大小一样。chrome调试介绍console.log主要用于调试JavaScript程序。与alert()相比,console.log只是在控制台打印相关信息,不会阻塞JavaScript程序的执行。console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似,console.log()也可以接受换行符n和制表符t。console.log()语句打印的调试信息可以在浏览器的调试控制台看到。