关于css

  • css的全称是什么

css全称Cascading Style Sheets,层叠样式表。
css的基本结构:

  • css有几种引入方式? link 和@import 有什么区别?

css重要有三种引入方式:
1.内联样式
<h1 style="color: red; font-size: 20px;"></h1>
2.内部样式

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

3.外部样式

<head>
  <link rel="stylesheet" type="text/css" href="index.css">
</head>
<style>
  @import url("hello.css");
</style>
<style>
  @import "world.css";
</style>

关于link和@import:1.link是html中的一个标签,它可以放在html文件中的任何位置;@import是css的一种语法,只能放在style标签中;2.加载顺序不一样,link在网页加载时同步加载,@import在网页html加载完成后再加载css,所以有时候浏览@import加载css的页面时,若网速不好,开始会没有样式;3.兼容性问题,@import是css2.1提出的,较老的浏览器可能不支持@import,link则无此问题;4.使用js控制dom改变样式时只能用link,@import不受dom控制。

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

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.cc文件
./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(网站路径中也可以使用相对路径)
http://cdn.jirengu.com/kejian1/8-1.png (网站上的8-1.png文件地址)

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

1.把图片上传到服务器,并把图片地址写入到img标签的src属性中;
2.寻找网络图片的源地址(可利用图床网站),把地址写入到img标签中。

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

1.语法不区分大小写,但建议统一用小写;
2.不使用内联的style属性定义样式(结构样式分离);
3.id和class应该按照元素功能命名,不应该SHOULD NOT按照元素表现命名,命名应该含义清晰;
4.css属性中的0值不应该带单位;
5.必须采用4个空格为一次缩进;
6.css属性声明必须以分号结尾;
7.css属性名冒号后必须有一个空格;
8.CSS 属性值中所有使用到引号的位置必须使用单引号

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

推荐阅读更多精彩内容

  • 1. CSS的全称是什么? CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(...
    淡然7698阅读 2,972评论 0 1
  • CSS的全称是什么? CSS的全称是Cascading Style Sheet -- 层叠样式表。 层叠样式表(...
    萧雪圣阅读 1,885评论 0 1
  • CSS的全称是什么?CSS的全称是层叠样式表 CSS有几种引入方式? link 和@import 有什么区别?CS...
    ninc阅读 1,449评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,719评论 0 1