随笔分类 -  html+css

网页中常用HTML字符实体
摘要：一些字符在 HTML 中拥有特殊的含义，比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入字符实体。 字符实体有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及一个分号 (;)。要在 HTML 文档中显示小 阅读全文
posted @ 2016-10-25 10:51 just2014 阅读(275) 评论(0) 推荐(0)
中文字体的英文名称对照表
摘要：有时css文件里面用到中文字体的时候由于字体编码的关系要使用到中文字体的英文名字。 有些中文字体的英文名字却不是那么好记，例如雅黑的英文谁也拿不准，所以我这里就搜集了一些。 阅读全文
posted @ 2016-10-25 10:51 just2014 阅读(677) 评论(0) 推荐(0)
CSS单词换行and断词
摘要：背景 某天老板在群里反馈，英文单词为什么被截断了？ 很显然，这是我们前端的锅，自行背锅。这个问题太简单了，css里加两行属性，分分钟搞定。 1 2 word–break: keep–all; word–wrap: break–word; 1 2 word–break: keep–all; word– 阅读全文
posted @ 2016-10-14 15:43 just2014 阅读(533) 评论(0) 推荐(0)
Html中各种空格的显示
摘要：一、使用全角空格 全角空格被解释为汉字，所以不会被被解释为HTML分隔符，可以按照实际的空格数显示。 二、使用空格的替代符号 替代符号就是在需要显示空格的地方加入替代符号，这些符号会被浏览器解释为空格显示。 空格的替代符号有以下几种： 名称编号描述&nbsp;&#160;不断行的空白（1个字符宽度） 阅读全文
posted @ 2016-09-28 16:01 just2014 阅读(13551) 评论(1) 推荐(1)
关于响应式布局
摘要：在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局类型 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。 固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度 阅读全文
posted @ 2016-03-09 20:36 just2014 阅读(167) 评论(0) 推荐(0)
HTML5几种常见的错误写法
摘要：本文介绍了HTML5常见的6种错误写法,包括:1.不要使用section作为div的替代品 2.只在需要的时候使用header和hgroup 3.不要把所有列表式的链接放在nav里 4.figure元素的常见错误 5.不要使用不必要的type属性 6.form属性的错误使用. 希望这些提示能对大家有 阅读全文
posted @ 2016-02-28 13:57 just2014 阅读(4133) 评论(0) 推荐(0)
HTML5实现动画三种方式
摘要：编者注：作者以一个运动的小车为例子，讲述了三种实现HTML5动画的方式，思路清晰，动画不仅仅是canvas，还有css3和javascript.通过合理的选择，来实现最优的实现。 PS：由于显卡、录制的帧间隔，以及可能你电脑处理器的原因，播放过程可能有些不太流畅或者失真！ 分三种方式实现： (1) 阅读全文
posted @ 2016-02-27 15:39 just2014 阅读(31079) 评论(0) 推荐(1)
简单的圆形图标鼠标hover效果 | CSS3教程
摘要：演示 本教程将和大将分享一些简单的圆形图标在鼠标hover时的动画效果。这种效果在不少时尚的酷站上都有。本教程中的例子主要是利用在a元素的伪元素上使用CSS transitions和animations来制作。图标的创建将使用IcoMoon app来完成。 注意：不是每一个浏览器都支持伪元素，最好是 阅读全文
posted @ 2016-02-27 11:06 just2014 阅读(3471) 评论(0) 推荐(0)
纯CSS气泡框实现方法探究
摘要：气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡 阅读全文
posted @ 2016-02-17 21:54 just2014 阅读(912) 评论(0) 推荐(0)
6种编写HTML和CSS的最有效的方法
摘要：html css 工具 阅读全文
posted @ 2016-02-16 20:37 just2014 阅读(797) 评论(0) 推荐(0)
BAT及各大互联网公司2014前端笔试面试题：HTML/CSS篇
摘要：前端面试 html css 阅读全文
posted @ 2016-02-16 20:34 just2014 阅读(290) 评论(0) 推荐(0)