java-前端

已经学习了前端三件套和jequry框架,对于这部分之前已经学习过的内容可以很快接受,但也明白这种知识学得快忘的也快,目的还是建立认知和框架,了解查询方法,在以后的实践中再行夯实。

1. HTML

1.1 各类常用标签

label标签:通过for属性添加关联的区域,常用于表单中和输入框关联

实例:

1
2
<label class="input-text1 content-info col-lg-3" for="date">出生日期</label>
<input id="date" class="form-control input-text2" type="date"/>

通过id建立联系,此时点击label区域就可以聚焦到input上

2. CSS

2.1 样式的独特实用

3. JS

BootStrap安装

  • 下载:https://v3.bootcss.com/

  • 引入:

    1. 必须先引入bootstrap的支持 ,包括js、css、font文件
    2. 引入的文件必须先有jQuery的核心文件,再引入bootstrap的js文件,再引入自己的文件
    3. css文件必须先引入bootstrap的css文件再引入自己的文件
    4. font文件无需在页面上引入,但是需要在项目的目录中存在
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <head>
    <meta charset="utf-8" />
    <title>bootstrap入门与使用</title>
    <script type="text/javascript" src="js/jquery-1.11.1.js" ></script>
    <script type="text/javascript" src="js/bootstrap.js" ></script>
    <!--导入自己的js文件-->
    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/bootstrap-theme.css" />
    <!--导入自己的css文件-->
    </head>

    项目中需要导入的文件:

    image-20210414160844135

2. 对中文文档的理解