zoukankan      html  css  js  c++  java
  • 学习搭建一个小网站_8_html和网站模板续

    继续上一篇的

    <head>标签里我们曾引入了这些东西,css和js

        <!--这里是引入各种网页需要的资源,以下是CSS-->
       <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
    <!--这里是引入各种网页需要的资源,以下是JavaScript-->
       <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
       <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

    关于css的介绍,请看这里: http://www.w3cschool.cn/css_intro.html

    接下来的教程需要对三个方面有初步了解:

    1. css一般做些什么
    2. css解决了什么问题
    3. 看懂简单的css

    关于浏览器js的介绍,请看这里:http://www.w3cschool.cn/js_intro.html

    接下来的需要对这几个方面有初步了解:

    1. 理解js是一个脚本语言
    2. 理解js是在浏览器中执行的,和之前说的nodejs不一样
    3. js解决了什么问题

    html的head里可以

    1. 定义css和js
    2. 引入外部css和js

    先记住以下注意事项,后面慢慢理解:

    1. js会按照定义或引入的先后顺序,在浏览器中执行,变量和方法是全局生效的,因此后定义或后引入的js可能会依赖之前定义或引入的js
    2. 有一大堆一大堆现成的第三方js框架可以使用,降低工作难度,根据上一条,使用时需要注意顺序和依赖
    3. css有优先级的概念,高优先级的样式会覆盖低优先级的,优先级如下
    4.   浏览器缺省设置 < 外部样式表 < 内部样式表(位于 <head> 标签内部) < 内联样式(在 HTML 元素内部)、
    5. 同名的css不合法,同属性名的css会依照上述优先级渲染

    有了初步概念之后,可以先做一件事情,《抄》

    可以在网上寻找线程现成的网站模板,或者找个看的顺眼的网站,把觉得好看的控件都“抄”过来

    例如bootstrap的入门,http://v3.bootcss.com/examples/starter-template/,顶部的导航栏看起来既简约又挺酷的,我们想抄过来自己用

    文字攻略:

    可以用浏览器的调试功能(一般是F12)定位到导航栏容器控件,然后copy完整的容器内部的html,放到自己的网页中,同时,完整copy网页源代码中的head中的Link和script部分以及body底部的script部分,然后自己的网页中就有这个导航栏了

    嗯。。下一篇具体说“抄”的事情

  • 相关阅读:
    开发环境搭建
    添加约束设置方式
    ubuntu和windows双系统启动顺序的修改
    函数指针,指针函数,数组指针,指针数组 区分
    boost
    centos7 64位如何配置网络
    MySQL数据库(主键、索引、外键、触发器...)
    几种常见字符集与字符编码
    ODBC、OLEDB应用详解
    C#事件以及EventHandler、EventArgs
  • 原文地址:https://www.cnblogs.com/hardylin/p/5191536.html
Copyright © 2011-2022 走看看