先来看看最终的效果： 这里主要关注如何将“用户名”“请设置密码”以及他们紧跟的input元素设置为图中的对齐样式。 先来看看html代码： 注意为什么要使用label来包裹“用户名”“请设置密码”，马上就会用到，css代码如下： 注意这里对label使用了inline-block属性值，也就是说可以 ...
分类：
其他好文 时间：
2017-06-10 15:25:13
阅读次数：
136
一、横向菜单 inline-block是不换行的块级元素，对于使用ul-li结构的网页顶部横向导航菜单非常有用。 如果不使用inline-block属性，只能使用float来浮动每个li元素，写起来比较麻烦，如果使用了inline-block代码相对简单： css代码如下： 二、需要行内排列设置大小 ...
分类：
其他好文 时间：
2017-06-10 15:21:52
阅读次数：
135
1.有哪些方式可以对一个DOM设置它的CSS样式？ 外部样式表。引入一个外部CSS文件； 内部样式表。将CSS代码放在<head>标签内部； 内联样式，将CSS样式直接定义在HTML元素内部； 2.CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器的可视范围内？ 最基本的： 设置disp ...
分类：
Web程序 时间：
2017-06-08 12:02:18
阅读次数：
213
今天复习了一下面向对象编程，下面是我的效果图 看着这个图片你会觉得这没有什么，那么上代码： html部分： 必要的css代码 js部分： 轮播的js 希望能帮到大家，还有就是这个不是基于jQuery的，我自己封装了一个简单的方法。 以后我们图片轮播可以使用 这样使用于比较多的轮播组件的网站，当然我们 ...
分类：
其他好文 时间：
2017-06-07 23:13:47
阅读次数：
311
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示： 一、快速编写HTML代码 1. 初始化 HTML文档需要包含一些固定的标签，比如<html>、<he ...
分类：
Web程序 时间：
2017-06-07 18:49:00
阅读次数：
246
CSS实现和选择器 本课内容： 一、实现CSS四种方式 1，每个html标签中都有一个style样式属性，该属性的值就是css代码。(针对一个标签)2，使用style标签的方式。 一般都定义在head标签中。(针对多个相同的标签)3，当多个页面使用相同样式时，可将样式单独封装为CSS文件导入 <st ...
分类：
Web程序 时间：
2017-06-03 11:28:03
阅读次数：
185
视频教程地址：http://www.imooc.com/learn/102 一、什么是Less css的Less好比是js的Jquery，可以让人们更方遍快捷的使用css，使css代码更简洁，可以减少重复的代码，减少开发人员的工作量。 Less CSS是一种动态样式语言，属于CSS预处理语言的一种， ...
分类：
其他好文 时间：
2017-06-02 09:48:03
阅读次数：
254
在Web开发中。通过CSS代码也能够实现一些简单的图片，当然，假设你有耐心，也能够实现较为复杂的图片噢。 那么请问为什么有图片不去用而须要用CSS来实现呢？一是由于性能的原因，图片带给server和client的压力比几行CSS代码要大得多。二是由于没有必要。有些简单的效果利用CSS就能够直接完毕了 ...
分类：
Web程序 时间：
2017-05-31 14:20:42
阅读次数：
204
vertical-align的百分比值不是相对于字体大小或者其他什么属性计算的，而是相对于line-height计算的。举个简单的例子，如下CSS代码： { line-height: 30px; vertical-align: -10%; } 实际上，等同于： { line-height: 30px ...
分类：
其他好文 时间：
2017-05-30 21:53:57
阅读次数：
174
