-
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进行预处理的"中间语言"就产生了,以此来实现某些编程特性。 也就是在编写中间语言过程中,可以使用编程方式和思维,中间语言不能直...
-
CSS 简单介绍
一.什么是CSS: CSS是Cascading Style Sheets的缩写,通常为级联样式表。 CSS已经是网络不可或缺的元素,为浏览者呈现五彩缤纷的页面效果起到了重要作用。 CSS是一种标记语言,不需要进行编译,直接就可以在浏览器中执行。 二.使用CSS的优势: (1).能够极大提高代码...
-
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...
-
修改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...
-
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代码
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
