前端初学学习进程
本周主要学习了css样式和一点jQuery,学习内容如下:
1.响应式框架(bootstrap)
使用响应式框架式需要声明
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
bootstrap
- contain-fluid 属性值
用于网页适配所有浏览器 - img-responsive
用于图片宽度 适配页面宽度 - text-center
居中头部元素 btn风格:
1.btn-block
使按钮伸展并填满整个水平空间
2.btn-primary/info/danger (深蓝色/浅蓝色/红色)Font Awesome 图标库
声明
<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
使用方法
<i class="fa fa-_____">
下划线中填写属性值
jQuery
<script>$(document).ready(function(){
这里输入jQuery代码
});
.addClass ———添加样式
eg:$(" ").addClass(" ");
.removeClass———去掉元素上的class
- .css———改变css样式
- .prop——–调整元素样式
- .html———-添加html标签和文字到元素
- .text——–只会把传进来的东西当文本显示
- .remove———移除html元素
- .appendTo()—–把选中的元素加到其他元素里
- .clone——拷贝元素