CSS基本知识

作者: _思铭 | 来源:发表于2017-07-27 17:42 被阅读0次

1,css的全称是什么?

Cascading Style Sheets  层叠样式表

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

1.内连样式

<h1 style="color:red; font-size: 20px;"></h1>

2.内部样式

<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>

3.外部样式

<head>
<link rel="stylesheet" type="text/css" href="index.css" />
</head>

link和@import区别

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

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

css/a.css(相对路径表示CSS文件夹下的a.css文件)
./css/a.css(相对路径表示CSS文件夹下的a.css文件)
b.css(相对路径表示当前目录下的b.css文件)
../imgs/a.png(表示上一级目录文件夹imgs下的a.png图片)
/Users/hunger/project/css/a.css(绝对路径)
/static/css/a.css(以绝对路径的方式在服务器中寻找a.css文件,即在服务器上直接通过该路径寻找相关文件)
http://cdn.jirengu.com/kejian1/8-1.png(网站路径)

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

1.将图片上传到图床获取链接然后插入img属性中。
2.上传到服务器内部并用相对路径读取。

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

  • HTML书写规范
    1.代码缩进使用Tab键。
    2.标签与他的属性必须都是小写。
    3.标签通常是成对出现的,一开一关。也存在一些单标签,如:<meta />、<br />等。
    4.所有的标签必须合理嵌套。
    5.不要在HTML里使用内联样式
  • CSS书写规范
    1.建议统一使用小写。
    2.不使用内联的style属性定义字样。
    3.有可能就用缩写。
    4.id和class建议使用有意义的单词,分隔符建议使用-中横线。
    5.属性的冒号后面有个空格。

6,截图介绍 chrome 开发者工具的功能区

Paste_Image.png

相关文章

  • 有了这些CSS套路,你也可以做一个漂亮的简历

    简历效果预览:简历原图预览 Resume 预备知识 HTML 基本标签 CSS 基本知识 DIV+CSS 布局知识...

  • 第6-9章CSS

    目录 第6章、开始学习CSS,为网页添加样式 第7章 CSS样式基本知识 第8章 CSS选择器 第9章CSS的继承...

  • CSS基本知识

    CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...

  • CSS基本知识

    1,css的全称是什么? Cascading Style Sheets 层叠样式表 2,CSS有几种引入方式? l...

  • css基本知识

    1)内嵌式写法 2)常用属性 3)选择器的分类一: 基础选择器 标签选择器 类选择器a, 先定义类样式 b,然后要...

  • css基本知识

    认识css css作用:给网页中的每个元素进行化妆,排版布局,让网页更精美 完全没有使用css的页面:基本就是一堆...

  • CSS葵花宝典——基础入门

    CSS的基本知识很简单,你只要知道有哪些基本样式属性、CSS的选择器,怎么在页面应用CSS,就可以随便倒腾试试手了...

  • CSS-IFC:字体度量、line-height、vertica

    IFC:inline formatting content 基本知识点:深入理解CSS:字体度量、line-hei...

  • html和CSS基础课程(7-1 7-2 7-3 7-4)

    7章 CSS样式基本知识 这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CS...

  • CSS position 知识

    css positon 基本知识position 指定一个元素在文档中的定位方式 top bottom right...

网友评论

    本文标题:CSS基本知识

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