css介绍

作者: yangjie727 | 来源:发表于2017-05-21 21:49 被阅读0次

1 css的全称是什么?

css的全称是层叠样式表(Cascading Style Sheet)

2 css有几种引入方式

 内联样式:在标签中直接加上css属性,<p style="color:red;">段落</p>

 内部样式:在html代码中的style标签中定义的css属性,

<style type="text/css">

  p {

    color:red;

  }

</style>

外部引用样式:一般在html的head中引用外部css文件(css文件中定义了具体的css属性),

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

链接外部样式: 在html中的style标签中可以用@import来链接外部样式

<style type="text/css">

  @import url("/static/css/index.css");

</style>

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

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 本地文件的绝对路径 (表示的是a.css文件在本地文件系统中的绝对路径)

/static/css/a.css 网站路径 (表示的是网站路径,也就是说a.css文件在网站根目录的路径)

http://cdn.jirengu.com/kejian1/8-1.png 网站路径 (文件在服务器上的url地址)

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

思路:将本地图片上传,通过浏览器加载server中文件夹内的图片

上传完成后,当图片所在文件夹与html展示页面在同级目录中时,我们可以通过相对路径直接调用展示

比如:img src="url" alt="some_text" style="width:width;height:height;"

url对应的就是图片在后台服务器中的路径(可以是相对路径也可以是绝对路径)

如果在另外一台服务器中:

img src="http://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com"

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

1.语法统一使用小写

2.不使用内联样式的style元素定义样式,建议采用外部css

3.id和class使用有区分度的单词,且如果有多个单词用-分隔

4.块内容缩进

5.属性: value(中间用一个空格)

相关文章

  • 前端开发 之 CSS入门

    文章简要:CSS介绍DIV+CSS的优点CSS 语法CSS新建格式 CSS入门 CSS介绍 CSS(Cascadi...

  • 学习CSS,这些内容你都知道了吗?

    CSS介绍 引入css样式表方法 CSS选择器 CSS常用属性 CSS介绍: CSS全称是(Cascading S...

  • css介绍

    1 css的全称是什么? css的全称是层叠样式表(Cascading Style Sheet) 2 css有几种...

  • CSS介绍

  • CSS介绍

    1. CSS CSS = 层叠样式表 Cascding Style Sheet HTML 表达结构, CSS 表达...

  • CSS介绍

    CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表(C...

  • CSS 介绍

    什么是 CSS CSS 是 Cascading Style Sheets(层叠样式表)的缩写。CSS 用来指定HT...

  • CSS介绍

    1、CSS定义的规则 选择器{属性1 : 属性值1; 属性2 :属性值2; 属性3 :属性值3;} 实例: 2、C...

  • 测开:css学习1

    http://css.cuishifeng.cn/ css在线操作手册 css介绍和引用 1.1、CSS 概述 ...

  • CSS相关汇总

    CSS命名规范 CSS基础知识 CSS优化技巧 CSS的继承关系 CSS的选择器关系介绍

网友评论

    本文标题:css介绍

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