美文网首页
前端基础

前端基础

作者: 魏彤2017 | 来源:发表于2017-02-16 15:21 被阅读0次

Q1:CSS的全称是什么?

A1:Cascading Style Sheets, 层叠样式表

Q2:CSS有几种引入方式? link 和@import 有什么区别?

A2:内联样式<h1 style="color:red; font-size:20px;"></h1>
内部样式<style type="text/css"> h1 {color:red; font-size:20px;} </style> <h1>饥人谷</h1>
外部样式<head> <link rel="stylesheet" type="text/css" herf="index.css"> </head> <style>@import url(hello.css); @import "world.css" </style>

2.2 link 与@import的区别

区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。

区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。

Q3:以下这几种文件路径分别用在什么地方,代表什么意思?

css/a.css
./css/a.css
b.css
../imgs/a.png
/Users/hunger/project/css/a.css
/static/css/a.css
http://cdn.jirengu.com/kejian1/8-1.png


css/a.css 相对路径 代表当前目录下的css文件夹中的a.css
./css/a.css当前目录中css文件夹中的a.css文件
b.css当前目录下的b.css文件
../imgs/a.png 上级目录中的imgs 文件夹中的a图片
/User/hunger/project/css/a.css 绝对路径 本地绝对路径中的a.css文件


/static/css/a.css 网站中的相对路径
http://cdn.jirengu.com/kejian1/8-1.png
该地址可以找到定位到互联网上的"8-1.png"文件

Q4:如果我想在js.jirengu.com上展示一个图片,需要怎么操作?

方法1:可以直接将图片上传到服务器,在页面使用这张图片;或者将图片存在本地服务器,然后打开本地服务,然后再在JS BIN上引用图片
方法2:如果这个图片本来就存在网络上其他的服务器上,可以直接使用图片的网络绝对路径链接的方式在页面上添加url引用这张图片

Q5:列出5条以上html和 css 的书写规范

  • HTML书写规范
    使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。
    class 必须单词全字母小写,单词间以 - 分隔。
    对于无需自闭合的标签,不允许自闭合,例如input、br、img、hr等
    对 HTML5 中规定允许省略的闭合标签,不允许省略闭合标签。
    使用 HTML5 的 doctype 来启用标准模式,建议使用大写的 DOCTYPE。
  • CSS书写规范
    使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。
    选择器 与 { 之间必须包含空格。
    属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。
    列表型属性值 书写在单行时,, 后必须跟一个空格。font-family: Arial, sans-serif;
    每行不得超过 120 个字符,除非单行不可分割。
    当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行。

Q6:截图介绍 chrome 开发者工具的功能区

chrome.png

相关文章

  • 前端基础进阶系列

    前端基础进阶(一):内存空间详细图解前端基础进阶(二):执行上下文详细图解前端基础进阶(三):变量对象详解前端基础...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 二、flask开发基础与入门

    一、web开发基础 1、前端知识 前端开发基础: HTML CSS JavaScript 前端常用的库与框架: b...

  • 【350页】前端校招面试题及解析大全

    前言 前端校招面试题主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 学习Vue框架之前,要有JavaScript的知识储备

    前端三剑客知识储备(有关前端的专题) ☑ HTML基础知识 ☑ CSS基础知识 ☑ JavaScript5基础知识...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 学习前端需要掌握什么基础?

    学习前端需要掌握什么基础?前端基础包含HTML、CSS层叠样式表、JavaScript、HTML5、CSS3、jQ...

网友评论

      本文标题:前端基础

      本文链接:https://www.haomeiwen.com/subject/nmyqwttx.html