HTML 基础 2

样式的几种引入方式

  • 外部样式:<link rel="stylesheet" href="./css/index.css" media="screen" title="no title" charset="utf-8">
  • 内部样式:<style>...</style>
  • 内联样式:<p style="font-size: 2em">...</p>

link 和 @import的区别:

区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
区别4:link支持使用Javascript控制DOM去改变样式;而@import不支持。

几种不同的文件路径

  • ../main.css:main.css文件在当前目录的父目录下
  • ./main.css:main.css文件在当前目录下
  • main.css:main.css文件在当前目录下
  • /main.css:main.css文件当前目录的根目录下

console.log的作用

在当前页面的控制台中输出内容,相对于alert来说不会打断页面的操作。

text-align的几个值以及作用

  1. text-align: left;文本左对齐,默认值
  2. text-align: center;文本居中
  3. text-align: right:文本右对齐

px、em、rem分别是什么?有什么区别?

  • px:像素,图像的基本采样单位
    <p style="font-size: 16px">这是一个段落</p>
  • em:相对单位,相对于父元素
    <p id="p1" style="font-size: 2em">我是子元素em</p>
  • rem:相对单位,相对于根节点元素
    <p class="p2" style="font-size: 2rem">我也是子元素rem</p>

本教程版权归饥人谷和作者所有,转载须说明来源。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 样式有几种引入方式? link和 @import有什么区别? 样式有三种引入方式 1.内联样式 2.内部样式 3....
    coolheadedY阅读 255评论 0 0
  • 样式有几种引入方式? link和 @import有什么区别?主要的是以下三种: 浏览器缺省设置:浏览器的默认设置。...
    佩佩216阅读 220评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,854评论 1 92
  • 一.样式有几种引入方式?link和@import有什么区别 样式主要有三种引入方式:外部样式表、内部样式表、内联样...
    简_developer阅读 303评论 0 0
  • 丧文化是指一些90后的年青人,在现实生活中,失去目标和希望,陷入颓废和绝望的泥沼而难以自拔的话,他们丧失心智,漫无...
    卖鱼师傅阅读 311评论 0 0