![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web开发
文章平均质量分 75
MonoWx
lalall
展开
-
sublime开发工具使用技巧快捷键
Sublime的快捷键Ctrl+D:选择单词,重复可增加选择下一个相同的单词Ctrl+L:选择行,重复可依次增加选择下一行Ctrl+Shift+L:选择多行Ctrl+Shift+Enter:在当前行前插入新行Ctrl+X:删除当前行Ctrl+M:跳转到对应括号Ctrl+U:软撤销,撤销光标位置Ctrl+J:选择标签内容Ctrl+F:查找内容Ctrl+Shif原创 2017-09-16 20:26:06 · 416 阅读 · 0 评论 -
CSS代码缩写以及单位和值
盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:原创 2018-01-05 17:11:08 · 555 阅读 · 0 评论 -
css样式设置小技巧
水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:cente原创 2018-01-05 20:19:46 · 204 阅读 · 0 评论 -
css布局一列布局格式
使margin垂直为0,左右为auto;布局body{ margin:0; padding:0;}.top{ height:100px; background:blue;}.main{ width:800px; height:300px; background:#ccc; margin:0 auto;}.foot{ width:800px; heig原创 2018-01-06 10:38:52 · 448 阅读 · 0 评论 -
css一列布局
css的一列布局 一列布局 body{ margin:0; padding:0; font-size:30px; } div{ text-align:center; font-weight:bold; } .main,.footer{ width:960px; margin:0 auto原创 2018-01-06 11:24:37 · 491 阅读 · 0 评论 -
css二列布局和多列布局
设置为float的形式 .left{ width:20%; height:500px; float:left; background:#ccc; } .right{ width:20%; height:500px; float:right; background:#ddd; } .center{ widt原创 2018-01-06 15:08:50 · 1891 阅读 · 0 评论 -
css布局测试
3列布局-特殊案例左右列固定宽度,中间列自适应。左侧绝对定位:position:absolute;left:0;top:0;右侧绝对定位:position:absolute;right:0;top:0;中间宽度定义去掉,加上左右的margin值,margin:0 310px 0 210px; 上右下左(中间空一点出的话,增加margin属性值便可以实现)左右两侧布局固定宽度,中间部分宽度原创 2018-01-06 17:27:28 · 343 阅读 · 0 评论 -
css混合布局
单列加中间双列自适应 body{ margin:0; padding:0; } .top{ height:500px; background:black; } .main{ width:800px; height:500px; background:pink; margin:0 auto;原创 2018-01-07 15:52:37 · 1028 阅读 · 0 评论 -
mybatis的配置
需要先去下载mybatis,网址为:点击打开链接点击releases把mybatis-3.4.6.zip和Source code(这个是mabatis源码)都下载下来;解压后现在mybatis的文件夹中找到mybatis的驱动文件就是选中的这个添加到你项目的jar包中通常是lib文件夹;然后再去解压后的source code文件夹中进入这个目录: C:\mybatis\myb...原创 2018-04-14 11:50:03 · 200 阅读 · 0 评论 -
spring出现异常This application has no explicit mapping for /error, so you are seeing this as a fallback.
这个的中文意思是跳转的url没有对应的映射出现的原因有一下几种:1. Application启动类的位置不对,要将Application类放在最外侧,即包含所有子包;原因:spring-boot会自动加载启动类所有包下及其子包下的所有组件。2. springboot的配置文件:application.yml或者application.properties中关于视图解析的配置问题 当pom文件...原创 2018-04-14 20:22:22 · 2238 阅读 · 0 评论 -
spring模板引擎之Freemarker小白速成教程
1. 什么是FreeMarker: 是基于java的模板引擎(视图组件),不是web框架,点击:官网地址; 数据模型+模板输出=HTML(输出); MVC设计(Model、View、Controller)2. 配置文件: Spring配置文件applicationContext.xml Spring Freemarke...原创 2018-04-16 20:22:14 · 858 阅读 · 0 评论 -
CSS布局模型
css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。 CSS包含3种基本的布局模型,用英文概括为:Flow、原创 2018-01-05 16:41:52 · 164 阅读 · 0 评论 -
CSS盒模型
元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、元素分类--块级元素什么是块级元素原创 2018-01-04 16:33:55 · 162 阅读 · 0 评论 -
HTML和CSS基础2
加入强调语气,使用和标签 有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到或标签。 但两者在强调的语气上有区别: 表示强调, 表示更强烈的强调。并且在浏览器中 默认用斜体表示, 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用表示强调。语法:需要强调的文本 需要强调的文本 如,在网上原创 2017-09-17 19:19:24 · 309 阅读 · 0 评论 -
HTML和CSS的基础3
使用ul,添加新闻信息列表在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。新闻列表图片列表这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法: 信息 信息 ......举例: 精彩少年 美丽突然出现 触动心灵的旋律原创 2017-09-18 17:58:07 · 417 阅读 · 0 评论 -
html和CSS基础4
使用标签,链接到另一个页面使用标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:链接显示的文本例如:click here!上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属原创 2017-09-19 19:23:54 · 359 阅读 · 0 评论 -
HTML和CSS基础1
Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称原创 2017-09-16 22:31:51 · 260 阅读 · 0 评论 -
与浏览者交互,表单标签
使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法:讲解:1. :标签是成对出现的,以开始,以结束。2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。3.method :原创 2018-01-02 16:42:33 · 230 阅读 · 0 评论 -
CSS样式
认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。如下列代码:p{ font-size:12px; color:red; font-weight:bold;}使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的原创 2018-01-03 17:20:43 · 159 阅读 · 0 评论 -
CSS选择器
什么是选择器?每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。选择器body{ font-size:12px; color:re原创 2018-01-03 17:23:38 · 171 阅读 · 0 评论 -
CSS的继承、层叠和特殊性...
继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}三年级时,我还是一个胆小如鼠的小女孩。可见右侧结果窗口中p中的文本与span中的文原创 2018-01-03 19:34:07 · 566 阅读 · 0 评论 -
CSS格式化排版
文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置原创 2018-01-04 15:16:01 · 266 阅读 · 0 评论