学习笔记
BruceChenmmmm
这个作者很懒,什么都没留下…
展开
-
移动端开发之响应式开发和bootstrap
响应式开发(就是利用媒体查询针对不同宽度的设备进行布局和样式的设置,从而设配不同设备的目的)响应式布局容器响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果原理:不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化**Bootstrap的基本使用**Bootstrap使用方式1.创建文件夹...原创 2019-08-25 23:39:57 · 377 阅读 · 0 评论 -
css学习笔记
CSS样式规则格式:选择器{ 属性:属性值;属性:属性值;}规则:选择器用于指定CSS样式作用的html对象,花括号内是具体的样式属性和属性值以“键対值”的形式出现属性是对指定的对象设置的样式属性,例如字体大小,文本颜色等属性和属性值之间用英文”:”链接 不是等号多个键值对之间用英文”;”区分设置字体样式:font-family:”xxx”设置字体字号:font-size:”x...原创 2019-08-21 22:59:15 · 245 阅读 · 0 评论 -
HTML基础学习笔记
HTML:超文本标签语言h5并不是新语言,而是html语言的第五个版本支持:所有主流浏览器都支持h5(chrome,Firefox,safari。。。)。IE9(部分支持)及以上支持h5,但是ie8(完全不支持)及以下不支持h5.增加了新特性:语义特性,本地存储特性,网页多媒体,二维三维,特效。HTML骨架: 根标签/根节点 用于存放title、meta、base、style、s...原创 2019-08-21 23:00:12 · 269 阅读 · 0 评论 -
bootstrap实现轮播图的方法
1.首先引入bootstrap的css文件 jquery库 js文件(必须先引入jquery在引入js)2.引入代码块<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-...原创 2019-08-26 17:16:31 · 1154 阅读 · 0 评论 -
移动端开发rem布局之less+媒体查询布局的原理步骤和心得
rem即是以html文件中font-size的大小的倍数rem布局的原理:通过媒体查询设置不同屏幕宽度下的html的font-size大小,然后在css布局时用rem单位取代px,从而实现页面元素大小的动态适配,做出更漂亮整洁的页面rem布局的好处:1.页面整洁2.动态适配缺点:1.需要计算rem,但可以通过自动转化单位插件弥补less:是一门css扩展语言,也成为css预处理器,引...原创 2019-09-15 22:38:25 · 274 阅读 · 0 评论 -
jQuery学习笔记
jQuery:即一个快速简洁的js库。j就是javascript,Q为query查询,把js中的DOM操作做了封装,可以快速的查询使用里面的功能。(write less,Do More)https://www.jquery.comJavaScript库:即library,是一个封装好的特定的集合(方法和函数),即封装了很多预定义好的函数在里面,比如动画animate、hide、show、获取元...原创 2019-09-29 22:34:34 · 121 阅读 · 0 评论