• CSS使用position:sticky 实现粘性布局

    简介 前面写了一篇文章讲解了position常用的几个属性:《CSS 属性之 position讲解》 一般都知道下面几个常用的: { position : static ; position : relative ; position : absolute ; position : fixed ;} 在https://developer.mozilla.org/zh-CN/docs/Web/CSS/positi...

    2018-06-24 02:13:46 css代码

  • swiper移动端日历-1

    先上图: 说明:这是基于移动端的,对于PC端浏览器支持不是很好(我测的结果是IE无效),另外这个swiper是4.x版本的 思路: 先引用css link href ="css/bootstrap.min.css" rel ="stylesheet" / !-- 这是字体图标文件 -- link href ="font-awesome-4.7.0/css/font-awes...

    2018-06-24 02:12:31 css代码

  • SCSS 简单介绍

    一.背景介绍: css不是一种真正意义上的编程语言,不具有编程语言的变量、循环、遍历和继承等特性。 为了解决css的这些缺点,能够对css进行预处理的"中间语言"就产生了,以此来实现某些编程特性。 也就是在编写中间语言过程中,可以使用编程方式和思维,中间语言不能直...

    2018-06-24 02:10:13 css文件css代码

  • CSS 简单介绍

    一.什么是CSS: CSS是Cascading Style Sheets的缩写,通常为级联样式表。 CSS已经是网络不可或缺的元素,为浏览者呈现五彩缤纷的页面效果起到了重要作用。 CSS是一种标记语言,不需要进行编译,直接就可以在浏览器中执行。 二.使用CSS的优势: (1).能够极大提高代码...

    2018-06-24 02:10:04 搜索引擎优化css样式表css代码什么是css

  • CSS 基础语法

    一.CSS语法: CSS语法规则由两个部分组成: (1).选择器:它的作用是用来匹配要应用css代码的元素。 (2).Rules:属性声明语句,用来具体控制元素的表现,属性和属性值之间要用冒号分割。如果有多条声明语句,那么相互之间用分号分隔,最后一条语句后面可以省略分号。...

    2018-06-24 02:10:00 css代码

  • 引入css的四种方式

    1.内联式引用:直接用在标签上,但维护成本高 style='font-size:16px;color:#000000' 2.外部连接式引用:css代码与html代码分离,便于代码重复使用 link href ="css/style.css" type ="text/css" rel ="stylesheet" / style.css文件内容如右: .font{color:blue;font-s...

    2018-06-24 02:09:12 css文件css代码

  • 修改placeholder的样式

    在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了。 1 ::-webkit-input-placeholder {} /* 使用webkit内核的浏览器 */ 2 :-moz-placeholder {} /* Firefox版本4-18 */ 3 ::-moz-placeholder {}...

    2018-06-24 02:08:51 css代码

  • CSS实现响应式布局(自动拆分几列)

    1.css代码 style type="text/css" .container { margin-top : 10px ; } .outerDiv { float : left ; width : 100% ; } /* 大于648像素一行两个div,innerDiv两个宽度为:(300+4+20)*2 */ @media screen and (min-width: 648px) { .outerDiv { width : 50% } } .innerDi...

    2018-06-24 02:08:27 css代码

  • CSS再学

    css 的注释 /*.......*/ 直接在html代码中写css p style="color : rebeccapurple ; font-size : 18 px" Hao/ p css 代码写在当前文件中 head meta charset="UTF-8" title Title/ title style type="text/css" p { color : red ; font-size : 19 px ; } / style / head...

    2018-06-24 02:08:14 css代码html网页

  • e.currentTarget与e.target

    e.currentTarget指的是注册了事件监听器的对象,而e.target指的是该对象里的子对象 html中 div id="addBtn" v-on:click="checksBtn($event)" class="everyMes curs checkeds" title="查询" Icon class="iconCommon" style="color:#80848f;" type="search"/Iconspan查询...

    2018-06-24 02:06:21 css代码