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介绍

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