已经学习了前端三件套和jequry框架,对于这部分之前已经学习过的内容可以很快接受,但也明白这种知识学得快忘的也快,目的还是建立认知和框架,了解查询方法,在以后的实践中再行夯实。
1. HTML
1.1 各类常用标签
label标签:通过for属性添加关联的区域,常用于表单中和输入框关联
实例:
1 | <label class="input-text1 content-info col-lg-3" for="date">出生日期</label> |
通过id建立联系,此时点击label区域就可以聚焦到input上
2. CSS
2.1 样式的独特实用
border-radius
:https://www.cnblogs.com/happymental/p/7891725.html可以通过一个参数设置4个角,两个参数设置对角线,4个参数单独设置每个角
3. JS
BootStrap安装
引入:
- 必须先引入bootstrap的支持 ,包括js、css、font文件
- 引入的文件必须先有jQuery的核心文件,再引入bootstrap的js文件,再引入自己的文件
- css文件必须先引入bootstrap的css文件再引入自己的文件
- 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>项目中需要导入的文件: