你的位置:首页 > 网页设计
Bootstrap里的文件分别代表什么意思及其引用方法
关于Bootstrap打包的文件分别代表什么意思,官网也没有给出一个明确的解释,在网上查了一些资料,总价归纳了如下:bootstrap/ <!--主目录-->├── css/ <!--CSS样式文件-->│ ├── bootstrap.css &l ...
CSS3弹性伸缩布局(下)——flex布局
新版本新版本的flex布局模型是2012年9月提出的工作草案,这个草案是由W3C推出的最新语法,这个版本立志于指定标准,让新式的浏览器全面兼容,在未来的浏览器更新换代中实现统一。目前几乎大部分的浏览器都支持了。浏览器支持情况可以点击这里查看,下图为支持flex的情况//HTML代 ...
【Atom】在一个中/大型项目中,那些好用而强大的atom功能
作为一个学生党,一开始使用atom时候并没有意识到atom一些小功能的巨大作用,直到自己实习参与了项目,才知道这些功能在一个项目中是能极大提高工作效率的开发利器 下面是一位不愿意透露其姓名的彭湖湾同学(其实就是我啦)的使用体会,我们姑且称之为W同学 1.通过关键字段全项目 ...
块级元素与行内元素的区别
块元素(block)的特点:1、总是在新行上开始;2、高度,行高以及顶和底边距都可控制;3、宽度缺省是它的容器的100%,除非设定一个宽度。 内联元素(inline)的特点: 1、和其他元素都在一行上;2、高,行高及顶和底边距不可改变;3、宽度就是它的文字或图片的宽度,不可改变。 ...
给你的博客换个装
2017-04-30 12:00:45

给你的博客换个装

博客园有很多漂亮的皮肤,但总是有一些地方我不大喜欢,所以经过慎重考虑,我决定亲自动手换个装。本文将介绍博客园换装的一些基础(不涉及标准皮肤的做法),如果你想让你的博客更炫,可以参考本文入个门,然后自己慢慢摸索。相信你一定比我做的好。一、准备工作  1、申请js权限  如果你像更加 ...
【响应式】foundation栅格布局的“尝鲜”与“填坑”
提到响应式,就不得不提两个响应式框架——bootstrap和foundation。在标题上我已经说明白啦,今天给大家介绍的是foundation框架。何为“尝鲜”?就是带大伙初步一下foundation的灵活和强大何为“踩坑”?就是我把我使用的时候踩过的坑给标个记号,这样大伙用的 ...
对于Bootstrap的介绍以及如何使用
Bootstrap是HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。可以自动适配任何设备,解决了响应式实现的繁琐问题,可以修改其中的各种样式,同样,其内部功能的强大包含了整个HTML,CSS,JS的各个方面。通过Bootstrap制作的网站,极 ...
Html_Task4(知识点:水平居中+垂直居中/position/float/border
任务四:定位和居中问题任务目标实践HTML/CSS布局方式深入了解position等CSS属性任务描述实现如 示例图(点击打开) 的效果灰色元素水平垂直居中,有两个四分之一圆位于其左上角和右下角。任务注意事项思考不同情况下(如灰色高度是根据内容动态变化的)水平垂直居中的解决方案。 ...
各种效果,水平居中或者是垂直居中
(1)水平居中行内元素:text-align:center;(2)当被设置元素为块状元素时用text-align:center就不起作用了,这时也分为两种情况:定宽(有width值)块状元素和不定宽块状元素 满足 定宽 和 块状 两个元 ...
新鲜出炉的less与sass较量
最近接触了Bootstrap,涉及到了LESS,CSS的预处理器使用最广泛的就是LESS和Sass,都是努力把CSS武装成为开发语言,让它从简单的描述性语言过渡到具有程序式特性的语言,主要的特性就是:变量、Mixins、嵌套、继承等。就像教程里说的:CSS的预处理器就是让CSS从 ...
使用github搭建自己的个人网站
这次呢,和大家分享一下如何使用github创建自己的个人网站。当然,前提还是得有github的账号,没有的话赶紧去注册一个。官网:https://github.com/然后是起名字了。这里要注意,我之前就在这里错了。输完名字,下面Description是项目描述,下面的就让他默认 ...
Doctype的作用?标准(严格)模式,怪异(混杂)模式的区别,它们的意义?
Doctype的作用?标准(严格)模式,怪异(混杂)模式的区别,它们的意义?   以下标准模式和严格模式统称标准模式,怪异模式和混杂模式统称怪异模式。  只讲问题,想知道更详细浏览器知识,自己研究浏览器发展历史吧,哈哈。 <!DOCTYPE> 文档声明必须是 ...
你用过css3的这个currentColor新属性吗?使用与兼容性
currentColor顾名思意就是&ldquo;当前颜色&rdquo;,准确讲应该是&ldquo;当前的文字颜色&rdquo;,例如:.xxx { border: 1px solid currentColor; }currentColor表示&a ...
css3 Box model 与 Box
2017-04-28 12:00:16

css3 Box model 与 Box

1、Box Model(盒模型)  CSS中的Box Model分为两种:第一种是W3C的标准模型,另一种是IE的传统模型。它们的相同之处是对元素的width、height、padding、border、margin以及元素实际尺寸的计算关系,而它们的不同之处则是两者的计算方法不 ...
生成app包签名步骤
2017-04-28 00:00:34

生成app包签名步骤

开发混合app上架应用市场,需要进行应用签名,但是申请签名如果没搞过,会特别麻烦,所以我自自己总结了一下申请的步骤,在此记录一下1.首先需要下载安装java环境即jdk,2.配置环境变量假设JDK安装在C:\Program Files\Java\jdk1.7.0目录下,设置环境变 ...
html学习笔记——ife task0001
花了两三天大概看完html和css基本用法,但到自己布局的时候还是很懵不知道从哪里入手啊,就找了个简单的任务(ife2015 spring)试一下。之前不涉及到布局的跳过,从涉及到position和float的开始,这一块看的有点晕,结合下面的例子搞懂了。例:用两种方法来实现一个 ...
alt和title的区别与用法
2017-04-28 00:00:21

alt和title的区别与用法

alt和title的是我们工作中经常用到这两个属性,但是一直没有总结他们的区别。现在就对他们两个的用法做一下总结。相同点:他们都会飘出一个小浮层,显示文本内容。不同点:1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:<title>标题&l ...
从零开始学习html(二)上
一、语义化,让你的网页更好的被搜索引擎理学习html标签过程中,主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页 ...
vue全局配置
2017-04-28 00:00:08

vue全局配置

今天学习vue全局配置。希望帮助我们去了解vue的全局配置,快速开发。Vue.config是vue的全局配置对象。包含Vue的所有全局属性:silent:boolean(默认值:false)----取消Vue的所有的日志与警告 ;用法:Vue.config.silent = tr ...
js+bootstrap实现分页页码
2017-04-27 00:00:26

js+bootstrap实现分页页码

制作page.jsp,在其他页码引入,只需把最外层的form标签的id设置为myForm;其中  totalPages:共有多少页;totalElements:共有有多少条记录;currentPage:第几页 1 <%@ page language="java&q ...
从零开始学习html(一)
2017-04-27 00:00:23

从零开始学习html(一)

一、代码初体验,制作我的第一个网页 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="t ...
Vue指令总结
2017-04-27 00:00:18

Vue指令总结

今天主要复习一下我们最熟悉vue指令,想要代码撸得快,就要多看书,多看看官方的文档和学习指令,学习编程是一个非常享受的过程,尤其是你不断地去解决问题,获得一项技能,实现薪水的上涨。进行Vue的指令烹饪吧。v-text :string 用法:更新元素的textContent, ...
12 个 CSS 高级技巧汇总
2017-04-26 12:00:09

12 个 CSS 高级技巧汇总

1.使用 :not() 在菜单上应用/取消应用边框2.给body添加行高3.所有一切都垂直居中4.逗号分隔的列表5.使用负的 nth-child 选择项目6.对图标使用SVG7.优化显示文本8.对纯CSS滑块使用 max-height9.继承 box-sizing10.表格单元格 ...
如何在HTTP客户端与服务器端之间保持状态(转)
HTTP协议与状态保持 HTTP协议本身是无状态的,这与HTTP协议本来的目的是相符的,客户端只需要简单的向服务器请求下载某些文件,无论是客户端还是服务器都没有必要纪录彼此过去的行为,每一次请求之间都是独立的,好比一个顾客和一个自动售货机或者一个普通的(非会员制)大卖场之间 ...
块级元素和内联元素
2017-04-25 12:00:11

块级元素和内联元素

块级元素和内联元素“块级元素”译为 block level element,“内联元素”译为 inline element。块级元素在浏览器显示时,通常会以新行来开始(和结束)。例子:<h1>, <p>, <ul>, <table> ...
html标签必备
2017-04-25 12:00:05

html标签必备

常用快捷键Ctrl+c复制Ctrl+v粘贴Ctrl+x剪切Ctrl+a全选Ctrl+s保存Ctrl+z撤销一步Windows+d返回桌面Windows+e我的电脑Windows+r打开运行Alt+tab切换软件Ctrl+tab软件文档之间的切换F2重命名F5刷新页面2 认识 ...
JavaScript获取html元素的实际宽度和高度
一、JavaScript获取html元素宽高1.宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。2.宽和高是写在行内中,比如,这中情况通过上述2个 ...
移动端web开发技巧(转)
原文链接:http://liujinkai.com/2015/06/06/mobile-web-skill/移动端web开发技巧这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。META相关1. 添加到主屏后的标题(IOS)<meta nam ...
一劳永逸的搞定 flex 布局(转)
原文链接:https://juejin.im/post/58e3a5a0a0bb9f0069fc16bb?utm_source=gold_browser_extension寻根溯源话布局一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 ...
新闻发布系统
2017-04-24 12:00:11

新闻发布系统

① 首页为index这里将列出所有新闻类型以及对于新闻条目② 各个新闻条目拥有编辑/删除/查看 三个按钮③ 首页具有增加新闻按钮(增加时候可上传图片)基本功能如上于是,我们去掉app里面的路由功能,将路由全部放到index里面//将路由功能放入index//app.get('/' ...
Chrome浏览器跨域
2017-04-24 12:00:03

Chrome浏览器跨域

配置新版Chrome浏览器跨域,需要创建用户数据文件夹,在其中保存浏览器的缓存、收藏夹等数据。 Windows系统Chrome跨域 1 下载Chrome 64位绿色版,解压缩,并在桌面创建快捷方式 2 右击快捷方式,选择属性,在目标中添加以下内容 --disabl ...
hexo多主题切换
2017-04-23 12:00:13

hexo多主题切换

今天看到一个朋友在github上面的issue大概问题就是怎么在不同的电脑上面使用git有个这么个东西Submoudle中文叫做子模块具体使用教程看这里Git-工具-子模块这里只说怎么搞hexo多主题切换和换电脑啥的开始首先分两种情况1. 主题的出了配置文件 或者其他文件没有DI ...
实现水平居中/垂直居中的一些方法
一、水平居中1. text-align:center(行内元素)  给其父元素设置属性 text-align:center;2. margin: 0 auto(块级元素)  给元素本身设置 margin: 0 auto;3. 元素的宽度固定  1⃣️ position+margi ...
为什么radio没有出现单选效果?
原因是radio一定要设置相同的name,如下:<input type="radio" name="yunsuan" checked="checked" />四则运算 <input type=" ...
如何设置文字与下划线之间的距离
a标签自带的下划线对于字体来说太近了,如果有个p的字母时这一竖可以从下划线穿出去,这样很难看,这时就有需求了,怎么设置下划线与字体的距离呢?行内元素不能设置高,但是可以设置内边距吧,所以给padding-bottom来上那么小小的几个像素,再设置一px的下边框border-bot ...
css3 felx布局
2017-04-22 00:00:17

css3 felx布局

一、Flex布局是什么?Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。[css] .box1{ display} display: in ...
css常用的属性方法    上篇
2017-04-22 00:00:15

css常用的属性方法 上篇

自己是从java后台自学转前端的,所以平时一些简单的css+html就不写了,列出的都是新手常用的一些属性,会持续更新,大神勿喷,留给新手做个参考!尤其是跟我一样自学前端的。 背景关联background-attachment 属性body { background-i ...
Html5浏览器支持
2017-04-22 00:00:13

Html5浏览器支持

HTML5 浏览器支持把 HTML5 元素定义为块级元素语义块级displayblock实例header, section, footer, aside, nav, main, article, figure { display: block; } 向 HTML 添加新元素& ...
网页适应所有屏幕宽度
2017-04-22 00:00:12

网页适应所有屏幕宽度

如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上,有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的做法是对不同终端设计多个网页,但这样会有很 ...
CSS3 选择器
2017-04-22 00:00:08

CSS3 选择器

● 属性选择器E[att^ = "val"] // 选择E元素中以att属性值val开头的匹配元素E[att$ = "val"] // 选择E元素中以att属性值val结尾的匹配元素E[att* = "val"] ...
SpringMVC之Http标准的头部信息
...
基于CSS的个人网页
2017-04-21 12:00:11

基于CSS的个人网页

前端时间做的CSS作业:基于CSS的个人网页基于CSS的个人网页效果图:代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>吴 ...
网页版扫雷游戏
2017-04-21 00:00:38

网页版扫雷游戏

闲的没事 写个扫雷, 算法 不太好·····凑合<!DOCTYPE html><html><head><meta charset="utf-8"><titl ...
input长度随输入内容动态变化 input光标定位在最右侧
<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);& ...
javascript选项卡切换样式
2017-04-21 00:00:33

javascript选项卡切换样式

HTML代码  <ul class="touzi_xuan1" id="qixian">    <li>****: </li>    <li style="width: 18px;&quo ...
移动前端常用meta标签
2017-04-21 00:00:33

移动前端常用meta标签

移动前端常用meta标签 移动前端head常用meta标签 原文链接:http://caibaojian.com/mobile-meta.html//code from http://caibaojian.com/mobile-meta.html<!DOCTYPE ...
webstorm配置编译sass的输出目录
关于这个的问题,虽说不是很难,但还是踩了点小坑,下面就来介绍下如何使用webstorm配置编译sass的输出目录。1.下载Ruby2.使用Ruby安装sass3.检测是否安装成功。前面的几步很多教程上都有,就不详细说了。一般来说,我们期望scss目录和css目录是单独分开的,在s ...
谈谈一些有趣的CSS题目(十五)
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。不断更新,不断更新,不 ...
dpr,ppi,dip,viewport的一些概念
一 ppi,dpr,dip,分辨率,屏幕尺寸,设备物理像素,设备独立像素分辨率:1920px*1080px 在这个设备上纵向上有 1920个像素点(色块)...屏幕尺寸:5英寸(in) = 5*2.54(cm) 指的是在这个屏幕上对角线的长度使用英寸单位 这个值是每个设备固定不变 ...
css伪类的组合用法
2017-04-20 00:01:06

css伪类的组合用法

.textarea:empty:before { display: block; content: '请输入'; color: #ababab; font-size: 15px; text-align: left;}//表示:当textarea元素为空时即没有输入时,有 ...
页内跳转(锚点练习)
2017-04-20 00:01:06

页内跳转(锚点练习)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> ...
表格,表单(练习)
2017-04-20 00:01:02

表格,表单(练习)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> ...
自定义input默认placeholder样式
input::input-placeholder { color: #fb4747;}input::-webkit-input-placeholder { color: #fb4747;}input:-ms-input-placeholder { color: #fb474 ...
HTML5和CSS3
2017-04-20 00:00:27

HTML5和CSS3

html5与css3相关小知识点汇总– webkit-text-size-adjust1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{- webkit-text-size-adjust :non ...
双飞翼布局(练习)
2017-04-20 00:00:27

双飞翼布局(练习)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> ...
bootstrap日期控件(双日期、清空等问题解决)
bootstrap以它优美的外观和丰富的组件,使它成为目前最流行的前端框架。在项目开发中,我们使用它的日期控件确实遇到了一些问题:    1.日期控件后面两个图标点击触发失效    2.双日期关联问题    3.双日期清空时,之前输入日期关联仍然有效    4.输入年月    5 ...
装饰我的博客
2017-04-19 12:00:12

装饰我的博客

手中生花,每一片叶子的叶脉都有神迹,它记录了我们的人生轨迹,有的叶子陨落枯萎,有的叶子重新生长,纵然天地变化,世事无常,你总会在回忆里找到自己的轨迹。今天选的主题是小清新,简简单单的一幅蓝色天空下的黄树叶,换上同色系的导航背景让整个博客主页与众不同,小改变也会有大精彩!记录一下我 ...
HTML,CSS,font
2017-04-19 12:00:10

HTML,CSS,font

宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_ ...
又是新动作!微信小程序专属二维码出炉
又到了晚上,微信又给我们带来了惊喜,并这次不是新的能力,而是把大家再熟悉不过的二维码换了新的造型。 正式揭晓:微信特制的小程序码。扫一扫新二维码 只要你的微信升级到了 6.5.7 版本,就可以扫码或者长按识别打开相应的小程序。 这个新的二维码,咋一看长得有点像菊 ...
从项目需求角度,使用纯CSS方案解决垂直居中
CSS是HTML元素的剪刀手,它极度的丰富了web页面的修饰。在众多CSS常见的样式需求中,有一奇葩式的存在【垂直居中】,因为不管是从逻辑实现方面还是从正常需求量来讲,这都没理由让这个需求在实践过程中,显的那么艰难。我们往往需要额外添加标签元素与充满hack味道的属性才能解决,而 ...
第一页下一页12345678910下10页末页第1/201页,总共:12052条数据