-
css的再深入6(更新中···
background-position 雪碧图 我们的 html 和 css 中有三个属性可以向服务器发送请求, src href url 。 overflow (1) 值 hidden 超出就隐藏 (2) 值 scroll 出现滚动条 visibility:hidden; 可见的 (消失但是占用位置) display:none; 消失但不占用位置 为什么使用雪碧...
2018-10-13 06:28:12
-
CSS的再深入5(更新中···
页面布局 结构层:搭我们的页面框架。 布局层:针对框架内部结构进行排版。 不需要使用浮动解决的问题尽量不用。 使用浮动之后会使该元素脱标, 并且该元素的 margin 。 div 盒子模型 : 就是一个容器,可以装任何标签。 盒子实际占用的空间 盒子的实际宽高和高度 如何...
2018-10-13 06:28:09
-
<button>与<input type=&qu
在做form表单,点击按钮随机生成两串密钥的时候 1.用第一种按钮的时候,会出现刷新form表单的现象。会把创建密钥前面的输入框中的字消失。虽然能生成密钥1和密钥2,但是会闪一下,随即消失。几个输入框全变为空,本人用的是bootstrap框架。 button class ="btn btn-def...
2018-10-13 06:28:07
-
一种悬浮弹窗设计
需引入:FontAwesome,用于图标 效果截图: CSS: .div1 { position: absolute; right: 16px; top: 10%; z-index: 12; } .div2 { border-radius: 10px 0 0 10px; width: 25px; height: 25px; float: left; cursor: pointer; background-color: rgb(0, 198, 255); } .div2i...
2018-10-13 06:28:05
-
自定义checkbox样式
修改原生checkbox样式。 效果 原理 1.利用CSS3属性 appearance。 该属性(强制)更改(改变)默认(原生)样式。 Firefox 支持替代的 -moz-appearance 属性;Safari 和 Chrome 支持替代的 -webkit-appearance 属性;IE不支持该属性。 所以可以利用该属性取消checkbox的...
2018-10-11 10:00:23
-
兼容性问题的解决方式(更新中··&a
1、清除浮动的兼容性(低版本的浏览器不兼容问题) .clearfix:after{ content:""; clear:both; display:block; visibility:hidden; height:0; } .clear{ *zoom:1; } 2、透明度的兼容性 opacity:0.3; filter:alpha(opacity=30); 3、各种国外浏览器在CSS3中的兼容问题 国...
2018-10-11 10:00:13
-
css的再深入4(更新中···
两种居中的方式: Margin:0 auto; 和 text-align:center; Margin 的居中是对自身, text-align 对元素内部的文本来说。 隐藏的两种方式: visibility : hidden ;和 display:none; visibility 隐藏了还占用着空间, display 隐藏了之后不占用空间了。 Position 位置...
2018-10-11 10:00:11
-
Sass入门及知识点整理
Sass 快速入门 | SASS 中文网 文档链接:https://www.sasscss.com/getting-started/ 前言 之前整理了一篇关于Less的,现在就来整理一下关于Sass的。 因为这两种都是CSS的主流预处理器,当然还有Stylus。 要解释一下什么是Sass吗? Sass和Less一样都是CSS预处理器。 CSS...
2018-10-11 10:00:01
-
CSS的再深入3(更新中···
在前面,我们学习了标准文档流,但在实际制作的过程中,用标准文档流书写显然是不现实的,因此,我们来了解几种脱离标准文档流的方法: 1.float 浮动 float:left/right;(左浮/右浮) 效果:元素都加浮动,后面的元素紧跟前面的元素并排排列 第一个加了 float ,脱离...
2018-10-10 08:38:42
-
vue 国际化i18n 多语言切换
安装 npm install vue-i18n 新建一个文件夹 i18n ,内新建 en.js zh.js index.js 三个文件 准备翻译信息 en.js export default { home: { helloworld: "hello workd !" }}; zh.js export default { home: { helloworld: "你好世界" }}; index.js 创建Vue-i18n实例 imp...
2018-10-10 08:38:41
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash