文章分类 -  HTML+CSS

WebApp开发之--"rem"单位
摘要：随着web app的兴起，rem这是个低调的css单位，近一两年开始崭露头角，有许多朋友对于它的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我认为rem是用来做web app它绝对是最合适的人选之一。 一、rem是什么？ rem（font size of the root elem 阅读全文
posted @ 2016-07-06 13:59 罗锐原 阅读(783) 评论(0) 推荐(0)
jQuery 入门
摘要：首先要知道由于jq是js的框架。所以，jq里可以混用js。例如： 第1,2行都是jq写法。第3行是js写法。 需要补充的是：我们说过，为了避免页面没有加载完导致的jq不执行，我们建议把函数放在： 其实这部分内容可以简写成： 不过为了便于阅读，我们还是推荐用第一个方法。当然，你想怎么样就怎么样。 我们 阅读全文
posted @ 2016-05-11 17:05 罗锐原 阅读(193) 评论(0) 推荐(0)
调用图标字体
摘要：有这样一种字体，它长得跟图标一样。但又能通过字号改变大小，通过color改变颜色，设置的方法跟设置字体一样一样滴。 看看下面的一组按钮图片： 看到文字左侧的小图标了么？那些就是我们这节课要讲的图标字体。 其实，图标字体有很多种。目前用的比较多的是FontAwesome字体。用的多的主要原因是这个字体 阅读全文
posted @ 2016-05-11 16:51 罗锐原 阅读(476) 评论(0) 推荐(1)
伪元素
摘要：伪元素用于向某些选择器设置特殊效果。 那么之前咱也接触过伪类。伪类用于向某些选择器添加特殊的效果。 从定义中看出伪元素和伪类的区别了么？没有。 咱先不讨论他们的区别。先学习一下伪元素，最后再讨论两者的区别。 ::first-line 选择器用于选取指定选择器的首行。 例如： p元素内的文本首行变红色 阅读全文
posted @ 2016-05-11 16:26 罗锐原 阅读(136) 评论(0) 推荐(0)
伪类 :first-child和last-child
摘要：讲”伪类”之前我们首先讲一下”类”。 我们之前学过类，是通过向元素起名，就是给予一个class名称，通过class名称将这些元素归为一类。 而伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容。记住，是特征。 比如，当前这个元素的特点是，刚好有鼠标悬停，选定 阅读全文
posted @ 2016-05-11 16:21 罗锐原 阅读(3225) 评论(0) 推荐(0)
圆角(CSS3 Rounded Corners)
摘要：border-radius属性 顾名思义，border-radius指的是边框半径，是半径哦。就是可以让边缘产生圆角。 半径如下所示： 正常情况下，HTML块状元素就4个角。那圆角也有四个。 所以，border-radius的赋值方法有如下几种情况。 如： 顺序就是，顺时针的顺序从左上角开始。分别是 阅读全文
posted @ 2016-05-11 16:06 罗锐原 阅读(955) 评论(0) 推荐(0)
CSS Shadow
摘要：CSS Shadow 就是 CSS影（子）。 这个影（子）可以是投影，也可以是内阴影。通过合理的数值也可以做出来外发光和内发光的效果。 我们刚开始讲样式表的时候简单地讲过文本的投影。 这堂课我们将详细地介绍CSS的两种Shadow： text-shadow （文本影子） box-shadow （块状 阅读全文
posted @ 2016-05-11 16:00 罗锐原 阅读(1374) 评论(0) 推荐(0)
HTML5常用标签
摘要：在HTML5标准公布的同时，也公布了很多新的标签。这些标签，让语义更加明确。看到标签就能很好的分辨出，标签里面包含的是什么内容。 下面我们将举常用的一些HTML5标签来进行讲解。 一个用HTML5标签定义的简单页面： 可以从上图中很容易看到每个部分都代表的是什么。这就是这些标签的作用。尤其在编写代码 阅读全文
posted @ 2016-05-11 15:51 罗锐原 阅读(374) 评论(0) 推荐(0)
transition属性
摘要：简写语法 翻译一下吧： transition = 过渡 property = 属性 duration = 持续时间 timing-function = 时间-函数（其实她有专门的时间函数。大家有空上网查一查），本文指过渡方式。 delay = 延迟 阅读全文
posted @ 2016-05-11 15:42 罗锐原 阅读(166) 评论(0) 推荐(0)
响应式入门之-Media Query
摘要：响应式网站设计，能让你的页面在所有客户端浏览器上表现的都非常好。 响应式网站只要有HTML和CSS就可以了。当然如果有特殊要求，适当加入js也是有必要的。 就是用户能看到的页面可见区域就叫视口。 在平板电脑和手机出现之前，网页只为电脑屏幕而设计。 那个年代，一个页面往往只有一种布局，固定的尺寸。 后 阅读全文
posted @ 2016-05-11 15:29 罗锐原 阅读(10347) 评论(0) 推荐(1)