我爱编程

css介绍

2017-05-21  本文已影响0人  yangjie727

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(中间用一个空格)

上一篇下一篇

猜你喜欢

热点阅读