css基础

1. CSS的全称是什么?

Cascading style sheets

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

      1) 内联样式       eg:     <h1 style="color:red; font-size: 20px;"></h1>
      2 )   内部样式:    eg:
                                 <style type = "text/css">
                                    h1 {
                                        color : red;
                                        font-size:20px;
                                 </style>       
         3 ) 外部样式:
              1))   eg:
                     <head>
                         <link rel = "stylesheet" type="text/css" href="index.css">
                     </head>
   
               2))    <style>
                       @import  url("hello.css");
                       @import "world.css ";
                      </style>

区别:

link 是html 的标签
@import 是css 的语法 是css 的 不是html 的标签、 他是放在样式文件里。

               4)  浏览器默认样式。

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

 >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 : 线上路径

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

1).把本地图片上传到一个地方 生成一个线上地址 。之后再用
2)。本地测试的时候 可以用 localhost生成一个网址 再用

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

1) 语法不区分大小写 但建议统一小写
2) 不使用内联的style属性定义样式
3) id 和class使用有意义的单词 分隔符建议使用 -
4) 用可能就使用缩写
5) 属性值是0 的省略单位
6) 块内容缩进
7) 属性名冒号后面加一个空格

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

2017-08-17 00-41-45屏幕截图.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、css是什么? CSS全称是Cascading Style Sheets,简写为CSS,称作:层叠样式表,又称...
    青鸣阅读 4,524评论 0 1
  • 1、CSS的全称是什么? 答:CSS全称是Cascading Style Sheets,层叠样式表 2、CSS有几...
    饥人谷_牛牛阅读 2,860评论 0 1
  • CSS的全称是什么? CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定...
    饥人谷_全阅读 3,188评论 0 1
  • 1.CSS简介 CSS 的全称是Cascading Style Sheets,层叠样式表 2.CSS的引入方式 内...
    毛毛独角兽阅读 2,629评论 0 0
  • 侯先森在还是工作日的时候就订好去野生动物园的票了,理由是周末晴天,大好春光不容辜负。于是早早就坐地铁出发了。 其实...
    NO_LowB阅读 1,850评论 0 1

友情链接更多精彩内容