颜色 --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007…

组合样式,CSS继承 .content { padding:0 0 0 5px; line-height: 30px; height: 30px; border: 1px solid #a6bee7; vertical-align: middle; } /*不加空格,则表示class="content small"且small只有跟在content后面有效,否则无效有效,如<div class="content small">则div的宽度是29.如果.…

1.边框:border-color:    设置对象边框的颜色.     使用CSS3的border-radius属性,如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1px的宽度.如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度. border-radius :设置边框圆角    第一个值是水平半径.     如果第二个值省略,则它等于第一个值,这时这个角就是一个四分之一圆角.     …

background-image:url(img/xiaofeiji.jpg)背景图:url(图片路径):(背景图默认平铺) background-repeat:repeat-x/repeat-y/no-repeat;背景重复状态:x轴/y轴/不重复: background-position:100px 10px;---数字写法背景图定位:居左100px  居上10pxbackground-position:top right;----单词写法 background-position:cente…

一.浮动 定位布局 1.浮动布局 left 元素向左浮动 right 元素向右浮动 例如:设置2个按钮,要使得按钮在同一行位置摆放,可以使用浮动,令按钮浮动到右边.注意,先设置float的按钮,例如:a先设置float:right,b也设置float:right,那么a在b的右边,先设置float的位置在float的方向. both:清除浮动 2.定位布局 position:fixed;”是结合top.bottom.left和right这4个属性一起使用的,其中“position:fixed;”…

<style type="text/css"> .div1 { width: 1024px; height: 100%; margin: 0 auto; /*background-size: cover;*/ background-image: url("${basePath}/images/t4.jpg"); /*背景图像将仅显示一次,不重复*/ background-repeat: no-repeat; /*!*图片在容器中间位置*!*/ /*bac…

web项目中日期选择器和打印这两个功能是非常常见,将使用过的日期和打印控件,在这里总结归纳,为方便后面使用. 1.Datetimepicker a.官方API:http://www.bootcss.com/p/bootstrap-datetimepicker/ 里面有详细的Datetimepicker介绍,包括支持的方法.设置的选项.事件等. b.项目集成Datetimepicker实例 这是一款依赖与bootsrap样式的控件,所以你项目中需要引入的js如下: <script src="…

一.示例 1.主页 2.博客详情页 3.在线地址 在线地址:入口 Addition:这里使用github-page将自己的静态项目免费部署到线上. 如果你只是做一些简单的静态项目做展示,付出这么大的时间和经济成本去专门购买一台云服务器显然是得不偿失的.github提供了github-page让用户可以免费部署自己的静态站点.更多参考:github-page 在本项目的静态站点部署时与其他的代码仓库,提交同步没有太大的区别(言外之意:还是有点不同的): 第一点:需要将项目目录名设置为 "githu…

目录 CSS 样式笔记 文字水平居中和垂直居中 如何设置a标签不带下划线 控件右对齐 div上下居中 控件左右居中 控件展示在同一行 设置文字超出部分...显示 CSS 样式笔记 文字水平居中和垂直居中 水平居中:在该文字的div设置:text-align: center; 垂直居中:在该文字的div设置:line-height: 60px; 其中60px为该div的高度 如何设置a标签不带下划线 a { text-decoration: none; } 控件右对齐 float: right;…

最近在CloudNotes桌面客户端中新增了笔记撰写样式的功能.当用户新建笔记的时候,可以在输入笔记标题的同时,选择笔记撰写样式,由安装包默认提供的样式主要有默认样式(Default).羊皮纸样式(Leather Paper)以及Word 2013样式(Microsoft Word 2013).选择笔记样式的时候,还提供了预览功能,用户可以直接预览样式效果: 当然,为了方便操作,用户可以在设置界面选择默认使用的样式,从而每次新建笔记时,默认使用的样式就会自动被选中,减少用户的操作次数.设置界面中…