BootStrap4(3)
BootStrap4
信息提示框
提示框可以使用.alert 类,后面加上.alert-success,.alert-info,.alert-warning,.alert-danger,.alert-primary,.alert-secondary,.alert-light或.alert-dark类来实现。
123<div class="alert alert-success"> <strong>成功!</strong> 指定操作成功提示信息。</div>
提示框添加链接
提示框中在链接的标签上添加alert-link类 ...
BootStrap4(2)
BootStrap4
文字排版
更多排版类
123456789101112131415161718.font-weight-bold 加粗文本.font-weight-normal 普通文本.font-weight-light 更细的文本.font-italic 斜体文本.lead 让段落更突出.small 指定更小文本(为父元素的85%).text-left 左对齐.text-center 居中.text-right ...
BootStrap4(1)
BootStrap4
网格每一行需要放在设置了.container(固定宽度)或.container-fluid(全屏宽度)类的容器中,这样就可以自动设置一些外边距与内边距。
栅格系统
栅格选项
1234567超小设备<576px.container最大宽度: None (auto)类前缀: .col-列数量和 12间隙宽度 30px(一个列的每边分别15px)可嵌套 Yes列排序 Yes
1234567平板≥576px ...
Vue(2)
Vue指令
vue-on
12345678910111213141516<div id="app"> <p>{{ message }}</p> <button v-on:click="reverseMessage">反转字符串</button></div>new Vue({ el: '#app', data: { message: 'Runoob!' }, ...
Vue(1)
Vue语法格式
12345678910111213141516171819202122 <div id = "vue_det"> <h1>{{details()}}</h1> </div> var vm=new Vue({el:'#vue_det',data:{ site: "菜鸟教程", url: "www.runoob.com", alexa: "10000"},me ...
前端遇到的关键词
前端遇到的关键词
在javascript,id选择器和name属性可以直接获取、使用,不需要getElementById。两者容易冲突,不推荐使用。
margin
1234567891011margin:10px 5px 15px 20px;上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px如果有两参数,就是上下边距是第一个,左右边距是第二个。如果只有一个,则所有边距都是一样的。auto(自动居中)length(规定以具体单位计的外边距值,比如像素、厘米等。默认值是0px)%(规定基于父元素的宽度的百分比的外边距)这些单词是参数,直接使用。
add()方法
...
CSS(4)
CSS定位属性
top、bottom、left、right
定义了定位元素上外边距边界与其包含块下边界之间的偏移。
定义了定位元素下外边距边界与其包含块下边界之间的偏移。
定义了定位元素左外边距边界与其包含块左边界之间的偏移。
定义了定位元素右外边距边界与其包含块下边界之间的偏移。
1234auto 默认值。通过浏览器计算底部的位置。% 设置以包含元素的百分比计的底边位置。可使用负值。length 使用 px、cm 等单位设置元素的底边位置。可使用负值。inherit 规定应该从父元素继承 bottom 属性的值。
clip
剪辑一个绝对定位的元素。
123shap ...
CSS(3)
CSS轮廓
轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
outline-color设置轮廓的颜色
outline-style设置轮廓的样式
123456789none 默认。定义无轮廓。dotted 定义点状的轮廓。dashed 定义虚线轮廓。solid 定义实线轮廓。double 定义双线轮廓。双线的宽度等同于 outline-width 的值。groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。inset 定义 ...
CSS(2)
CSS字体
字体系列
font-family属性设置文本的字体系列。
注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:“宋体”。
多个字体系列是用一个逗号分隔指明:
12p.serif{font-family:"Times New Roman",Times,serif;}p.sansserif{font-family:Arial,Helvetica,sans-serif;}
字体样式
主要是用于指定斜体文字的字体样式属性。
这个属性有三个值:
123456正常 - 正常显示文本斜体 - 以斜体字显 ...
CSS(1)
CSS语法
CSS规则由两个主要的部分构成:选择器,以及一条或多条声明:
选择器通常是您需要改变样式的HTML元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
CSS声明
总是以分号(;)结束,声明总以大括号({})括起来:
1234p{ color:red; text-align:center;}
CSS注释
注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。
CSS注释以 “/" 开始, 以 "/” 结束, 实例如 ...