随笔分类 -  CSS3 && HTML5

上一页 1 2 3
CSS3 && html
css3应用之自定义选中文字的背景颜色
摘要：在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理。其实这样是很符合用户体验的。因为有很多的人会用鼠标选择着一行一行的阅读。其中就包括本人。。。浏览器中默认的选中的文字颜色为白色，背景色为蓝色。我们如何自定义呢？效果参见本博客，选中文字后可以见到效果。本博客中用到的代码是body:... 阅读全文
posted @ 2014-12-29 17:20 lanyan 阅读(245) 评论(0) 推荐(0)
LESSCSS的几点摘要
摘要：字符串插值变量可以用像@{name}这样的结构，以类似ruby和php的方式嵌入到字符串中：@base-url:"http://assets.fnord.com";background-image:url("@{base-url}/images/bg.png");调试我们在生成的CSS中带上一些额外... 阅读全文
posted @ 2014-12-29 16:30 lanyan 阅读(150) 评论(0) 推荐(0)
Config The Image URL Solution
摘要：During the project, in order to make a unified management for the image URL, at present we make use of the LESSCSS method, set the image URL asindepen... 阅读全文
posted @ 2014-12-29 16:29 lanyan 阅读(256) 评论(0) 推荐(0)
实现元素水平居中
摘要：为了更好的说明问题，我们来看一个制作分页效果的代码：HTML Prev 1 2 3 4 5 Next View Code给分页加上样式：.pagination li { line-height: 25px;}.pagination a { disp... 阅读全文
posted @ 2014-12-29 16:06 lanyan 阅读(222) 评论(0) 推荐(0)
如何解决inline-block元素的空白间距
摘要：有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。前面《CSS3制作的分页导航》一文中就是使用的inline-block制作的居中效果，不过留下了一上问题，就是使用... 阅读全文
posted @ 2014-12-29 15:47 lanyan 阅读(188) 评论(0) 推荐(0)
如何只用CSS做到完全居中
摘要：我们都知道margin:0 auto;的样式能让元素水平居中，而margin: auto;却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：.Absolute-Center { margin: auto; position: abs... 阅读全文
posted @ 2014-12-29 15:29 lanyan 阅读(232) 评论(0) 推荐(0)
CSS制作图片水平垂直居中
摘要：所谓的图片水平垂直居中就是把图片放在一个容器元素中（容器大于图片尺寸或是指定了大小的容器），并且图片位居此容器正中间（中间是指元素容器的正中间），而图片不是以背景图片（background-image）形式展示，是以元素形式展示的。如下图所示：解决问题——让图片水平垂直居中解决水平居中是相当的容易，... 阅读全文
posted @ 2014-12-29 15:00 lanyan 阅读(590) 评论(0) 推荐(0)
HTMl5结构元素:article
摘要：article:表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分，并且这部分专用于独立地分类或复用。（例如：一个博客的帖子，一篇文章，一个视频文件等。）和一样，标题位于这一元素内部，如：实例一：My articleBlah blah这样的写法在规定上是不正确的，应该如下写法： ... 阅读全文
posted @ 2014-12-29 11:23 lanyan 阅读(450) 评论(0) 推荐(0)
HTML5基本布局
摘要：HTML4布局HTML5布局基本的HTML5文档的模式为：HTML5 Demo推荐一个HTML5模板的在线编辑器http://jsbin.com/#javascript,html经常在项目中会用到reset的样式，在这里罗列出来参考下：HTML5 Reset Stylesheet/* html5do... 阅读全文
posted @ 2014-12-29 11:21 lanyan 阅读(9716) 评论(0) 推荐(1)

上一页 1 2 3