• CSS3基础(4)——CSS3 渲染属性

    一、CSS3 计数器详解 CSS3计数器(CSS Counters)可以允许我们使用CSS对页面中的任意元素进行计数,实现类似于有序列表的功能。 与有序列表相比,它的突出特性在于可以对任意元素计数,同时实现个性化计数。 1、CSS3计数器属性一览表 属性 描述 counter-reset 定义计算...

    2018-06-24 01:42:19

  • 认识less和webstrom的less配置

    认识less和webstrom的less配置 今天完成的事情: 首先第一件事情是,整理一下常用的颜色摄取 #F1F1F1 google的设置页面的body的背景颜色 #FFF 为google的内容块的背景颜色 另外就是学习test11中提到的less 一。跳出less和sass的战斗。网上一大堆的互相撕逼,看来各有春...

    2018-06-24 01:42:15

  • 关于输入框在谷歌浏览器 ie 浏览器中 黄色背景的去除

    谷歌有自己对input 的填充色 加上下面的css 就可以了 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } ie浏览器给了 input 默认的背景色 background-color: transparent;就可以了...

    2018-06-24 01:42:16

  • CSS3基础(3)——CSS3 布局属性全接触

    一、弹性盒模型 1、弹性盒子模型介绍 弹性盒模型(Flexible Box或Flexbox)是一个CSS3新增布局模块,官方称为CSS Flexible Box Layout Module,用于实现容器里项目的对齐、方向、排序(即使在线吗大小位置、动态生成的情况)。 弹性盒模型最大的特征在于,能够动态修改...

    2018-06-24 01:42:13

  • 处理移动端自适应布局的方法- calc()与vw

    在处理移动端自适应布局时,目前前端最流行的方法应该就是使用媒体查询,来设置HTML的字体大小,然后用rem为单位对Dom的宽高进行设置,这个方法的优势在于兼容性方面很好,劣势则在于当前市场上不同的机型太多,尺寸种类比较杂,所以要想做到所以尺寸机型都能适应,工...

    2018-06-24 01:42:09

  • 浅谈分析表格布局与Div+CSS布局的区别

    (1)表格布局 表格布局容易掌握,布局方便。但表格布局需要通过表格的间距或者使用透明的gif图片来填充布局板块间的间距,这样布局的网页中表格会生成大量难以阅读和维护的代码;而且表格布局的网页要等整个表格下载完毕后才能显示所有内容,所有表格布局浏览速度较慢[2...

    2018-06-24 01:42:11

  • CSS3 基础(1)——选择器详解

    CSS3选择器详解 一、 属性选择器 在CSS3中,追加了三个属性选择器分别为:[att*=val]、[att^=val]和[att$=val],使得属性选择器有了通配符的概念。 选择器 示例 描述 [attribute^=value] [src^="https"] 选择每一个src属性的值以"https"开头的元素 [attribute$=value]...

    2018-06-24 01:42:08

  • vue2.4+vue-cli+webpack history模式打包后 刷新404

    开启 HTML5 History Mode 后,尤其需要server端的支持,官方文档里就有介绍:(传送门: https://router.vuejs.org/zh-cn/essentials/history-mode.html) [root@test-huanqiu ~]# cat /Data/app/nginx/conf/vhosts/ testwx.wangshibo.com.conf server { listen 80 ; s...

    2018-06-24 01:42:06

  • BootStrap selectpicker后台动态绑定数据

    html部分代码 select class ="selectpicker" multiple / select 这是一个下拉多选框,现在要动态往里添加下拉选项。 js代码 script type="text/javascript" getOption(); function getOption(){ $.ajax({ type: "get" , url: "test.json" , async: true , success: fun...

    2018-06-24 01:42:05

  • HTML基础知识(未完待续)

    一、HTML编辑工具:Sublime Text 二、HTML实体字符:1、(空格):nbsp; 2、() lt; 3、()gt; 4、()amp; 5、(“)quot;等 三、基本HTML标记: 注释标记:!-- 这是注释内容 -- 换行标记:br/ 段落标记:p/p 段落标记p可以较大行距区分不同段落 标题标记:h1/...

    2018-06-24 01:42:04

2