css3
文章平均质量分 74
Ailsa-show
努力不一定会成功,但不努力一定不会成功
展开
-
CSS3选择器样式
li:after元素first-letter :after{ content:插入文字 } //也可以插入其他内容 :after{ content:url(text.wav) } after伪元素选择器的一个使用示例,在该示例中有一原创 2017-03-30 18:46:58 · 917 阅读 · 0 评论 -
CSS3 border处理
Hal颜色与HSLA颜色的使用示例 body{ background-image:url(../html5/images/bg.png) no-repeat; } div{ width:100%; height:100px;原创 2017-04-09 16:56:29 · 1057 阅读 · 0 评论 -
CSS3编号示例
指定编号的种类: h1:before{ content:counter(mycounter)'.'; color:blue; font-size:42px; } h1{ counter-increment:mycounter;原创 2017-04-02 22:35:53 · 442 阅读 · 0 评论 -
CSS3字体示例,背景图,变形基点等。。。
指定自动换行的处理方法 #div1{ word-break:keep-all; 当word-break属性使用keep-all参数值时,对于中文来说,只能在半角空格 或连字符或者任何标点符号的的地方换行,中文与中文之间不能换行。 } #div2{原创 2017-04-05 16:30:48 · 1155 阅读 · 0 评论 -
深入理解CSS弹性盒模型flex
深入理解CSS弹性盒模型flex 前面的话 CSS3引入了一种新的布局模型——flex布局。flex是flexible box的缩写,一般称之为弹性盒模型。和CSS3其他属性不一样,flexbox并不是一个属性,而是一个模块,包括多个CSS3属性。flex布局提供一种更加有效的方式来进行容器内的项目布局,以适应各种类型的显示设备和各种尺寸的屏幕 版本更迭 flex原创 2017-04-26 09:33:51 · 291 阅读 · 0 评论 -
深入理解 CSS3 弹性盒布局模型
深入理解 CSS3 弹性盒布局模型 弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。这种布局方式已经被主流浏览器所支持,可以在 Web 应用开发中使用。本文详细的介绍该布局模型以及如何在具体开发中应用该布局模原创 2017-04-26 09:39:47 · 305 阅读 · 0 评论 -
如何给div添加placeholder属性
html> head> title>title> style type="text/css"> .input{ width:200px; height:30px; border:1px solid grey; }原创 2017-06-01 13:53:01 · 2312 阅读 · 0 评论