css介绍

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,599评论 32 459
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,860评论 18 139
  • 1. CSS CSS = 层叠样式表 Cascding Style Sheet HTML 表达结构, CSS 表达...
    hyt222阅读 424评论 0 0
  • 用高光笔在黑卡纸上画画,有点不一样的感觉,随意的勾画一些简单的线条组合起来看效果竟然还不错。不过画的过程有点心疼我...
    zhaonannan阅读 303评论 1 3
  • 忘了在哪里看过这样一段话: 如果说兄弟间的情谊是坚韧的岩石的话,那闺蜜的情感就是潺潺的流水。它柔弱,但坚韧;它细小...
    合法贩独阅读 496评论 0 1