html中href和src的区别?CSS 中哪些属性可继承,哪些不可以?创建函数的几种方式?

简介: href:href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。

一省:HTML

3. html中href和src的区别?

  1. href:href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。例如:

    <link href="style.css" rel=”stylesheet“/>
    

    浏览器会识别该文档为 css 文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用 link,而不采用 @import 加载 css 的原因。

  2. src: src 是 source 的缩写,src 的内容是页面必不可少的一部分,是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。例如:

    <script src="script.js"></script>
    

    当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。

简而言之,src 用于替换当前元素;href 用于在当前文档和引用资源之间建立联系。

二省: CSS

3. CSS 中哪些属性可继承,哪些不可以?

能继承的属性:

  1. 字体系列属性:font-family、font-weight、font-size、font-style;
  2. 文本系列属性:color、text-align、text-indent(文本缩进)、text-transform(字母大小写)、word-spacing(词间距)、letter-spacing(字间距)、line-height;
  3. 元素可见性:visibility;
  4. 表格布局属性:caption-side(标题位置)、border-collapse(折叠边框)、border-spacing、empty-cells(空白单元格显示)、table-layout(布局);
  5. 列表布局属性:list-style;
  6. 光标属性:cursor

不能继承的属性:其余的属性不可以继承

三省:JavaScript

3. 创建函数的几种方式?

  1. 函数声明:
    function sum(num1, num2) {
         
    return num1 + num2
    }
    
  2. 表达式声明:

    let sum = function(sum1, sum2) {
         
    return num1 + num2
    }
    

    与函数声明等价。

  3. 构造函数声明:

    let sum = new Function("num1", "num2", "return num1 + num2");//不推荐
    

    不推荐,因为这种代码会被解释两次:第一次是当成常规的ECMAScript代码,第二次是解释传入的字符串代码,很影响性能。

  4. 箭头函数:

    let arrowSum = (a, b) => {
         
    return a + b;
    }
    

    箭头函数语法简洁,但是没有arguments、super和new.target,也没有prototype属性。

相关文章
|
17天前
|
前端开发 Ruby
CSS 预编语言的区别
【10月更文挑战第24天】Sass、Less 和 Stylus 等 CSS 预编语言在语法特点、功能特性、性能表现、社区和生态系统等方面存在着不同之处。在选择使用哪种预编语言时,需要综合考虑项目需求、团队技术偏好、个人习惯等因素。你可以根据具体情况进行评估和选择,以充分发挥这些语言的优势,提高前端开发的效率和质量。
|
19天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
69 6
|
17天前
|
前端开发 开发者 UED
设备像素、css像素、设备独立像素、dpr、ppi之间的区别
【10月更文挑战第24天】在实际应用中,这些概念相互关联,共同影响着网页在不同设备上的显示表现。开发者需要了解它们之间的区别和关系,以便更好地进行网页设计和优化,确保在各种设备上都能提供良好的用户体验。
|
17天前
|
Web App开发 前端开发 iOS开发
css所有缩写属性,CSS属性简写整理
css所有缩写属性,CSS属性简写整理
16 1
|
17天前
|
前端开发
css简写属性
css简写属性
24 0
|
1月前
|
前端开发 JavaScript
如何在CSS中添加自定义属性
如何在CSS中添加自定义属性
15 0
|
1月前
|
前端开发
运用CSS伪类与属性,巧妙实现背景图片旋转效果
运用CSS伪类与属性,巧妙实现背景图片旋转效果
27 0
|
1月前
|
前端开发
哪些 CSS 属性可以继承?
哪些 CSS 属性可以继承?
41 0
|
1月前
|
前端开发 JavaScript
css的引入方式和区别
css的引入方式和区别
34 0

热门文章

最新文章