• 浅析HTML的元素类型及其转换

    大家都知道html是由标签元素组成的,在了解元素的类型转换之前,让我们先来了解一下html的元素类型。 一、html元素类型分为两种:块级元素和内联元素,内联元素又被称为行内元素。 常见的块级元素有:div、o、dl、ul、li、h1至h6、p等,常见的内联元素有span、label、a...

    2018-06-24 01:55:45

  • css 浮动和清除浮动

    在写页面布局的过程中,浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比如说下面这些地方都是应用到了浮动。 在我学习浮动的时候可是熬坏了脑筋,在这里我分享一下我对浮动这块知识的总结。 一、浮动的定义 使元素脱离文档流,按照指定的方向(左或右发生...

    2018-06-24 01:55:40

  • 8.html表格相关的标记9.html表格实战《简单的网页布局

    htmlheadtitle第八课标题表格/titlemeta charset="utf-8"/headbodytable width="960" height="250" border="1" align="center" cellpadding="10" rules="all"caption align="top" 表格的标题/captiontr bgcolor="#ccc" align="center" valign="center"th bgcolor="red"...

    2018-06-24 01:55:41

  • 使用纯css实现波浪效果

    有时候我们需要实现水晃动的效果,其实我们可以通过css旋转动画和圆角来实现。 首先来2个div,外层div相对定位,内层div绝对定位,内层div大致位于外层div上半部分。外层div设置一个颜色较深的背景色(水的颜色);内层div颜色设置为白色,加上圆角,圆角建议30%-45%之间...

    2018-06-24 01:55:33

  • contenteditable元素的placeholder输入提示语设置

    在某些情况下,textarea是不够用的,我们还需要显示一些图标或者高亮元素,这就需要用富文本编辑器,而富文本编辑器本质上是HTML元素设置了contenteditable。 然后可能需要像input、textarea有placeholder的输入提示语,但contenteditable的元素,placeholder是没用的...

    2018-06-24 01:55:34

  • 有关前端的一点随笔

    由于小龙老师让根据自己会的知识写一篇文章,可是想了想自己好想不会啥(尴尬..),所以就写一点简单的知识点吧 : 一: 先说说定位吧,感觉挺重要的 1相对定位:position:realative(相对于本身没有定位之前的位置进行移动)有如下1个特点:不脱离文档流,不影响元素本身的特性,块...

    2018-06-24 01:55:34

  • AngularJS表格神器“ui-grid”的应用

    HTML: ( 代码仅用于解释得更清楚,并未完全展示 ) ! doctype html html ng-app ="app" head script src ="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js" / script script src ="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-...

    2018-06-24 01:55:23

  • (2017.9.27) 自定义列表项 list-style 使用心得

    今天给某公司做招聘专页。早上完成设计图,下午开始排版。页面套用了我之前做的某人才局的招聘页面,导航栏、banner 很快就出来了。这次内容里我有些地方用了列表,当然要用 ul li 标签。列表项(小圆点)做成绿色的小正方块,这时我想是不是有一个 CSS 属性用来自定义...

    2018-06-24 01:55:22

  • css垂直居中的四种方法

    !DOCTYPE html html lang="en" head meta charset="UTF-8" title垂直居中/title style .parent{width: 400px;height: 400px;border:1px solid grey;display: } .children{width: 200px;height: 200px;background-color: #ccc;} /*table-cell*/ .parent{display: table-...

    2018-06-24 01:55:17

  • css3动画-加载中...

    写几个简单的加载中动画吧。 像前面三种都是相当于几个不同的点轮流来播放同一动画:变大变...

    2018-06-24 01:55:13

2