css3的一些知识点

1.文本输入

.dir{direction: rtl; // 输入方向从右向左unicode-bidi: bidi-override; //加上这句，文本排列从右向左}

2.垂直对其图像

 .vertical{width: 200px;height: 50px;　　　　　　　line-height:50px;background: green;}.top{vertical-align: text-top;}.bottom{vertical-align: text-bottom;}.middle{vertical-align: middle;}<p class="vertical">这是一个文本<img src="left.png" alt="">信息</p> //默认的<p  class="vertical">这是一个文本<img class="top" src="left.png" alt="">信息</p> //居上<p  class="vertical">这是一个文本<img  class="bottom" src="left.png" alt="">信息</p>//居下<p  class="vertical">这是一个文本<img  class="middle" src="left.png" alt="">信息</p>//居中

转载于:https://www.cnblogs.com/SunShineM/p/7716772.html

css3的一些知识点相关推荐

rem和css3的相关知识点
☆☆☆rem和css3的相关知识点☆☆☆ 一. Web front-end development engineer rem是根据页面的根元素的font-size的一个相对的单位,即 html{ fo ...
幕客学习CSS3全面基础知识点
CSS基础什么是CSS3? CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能. 目前主流浏览器chrome.safari.firefox.opera.甚至3 ...
CSS3画布Canvas知识点
文章目录 Canvas 使用 style 绘制使用 JavaScript 绘制 Canvas 坐标 Canvas 路径绘制圆形 Canvas 文本在画布上绘制一个高 30px 的文字(实心) 在 ...
玩转CSS3渐变（知识点部分）
思维导图线性渐变 linear-gradient 某条直线沿一个方向产生渐变效果 1.起始颜色如果向从黄色渐变到天蓝色,那么应该这样写: 黄色写前面,天蓝色写在后面. background-ima ...
CSS3 3D动画（一）
CSS3 3D动画知识点详解这篇文章的主要内容是关于css3关于新增3d部分的一个解析,那么下一篇内容我们将会进行一个3D相册的一个练习. 由于CSS3的新增还有很多浏览器的不支持,所以我们简单说一 ...
php照片墙,用CSS3制作照片墙的特效
这篇文章主要为大家详细介绍了CSS3制作漂亮的照片墙的具体步骤,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享利用CSS3动画制作照片墙的详细步骤,供大家参考,具体内容如下第一 ...
CSS3制作漂亮的照片墙
CSS3可以做动画大家肯定都是耳熟能详的了,但是大家有木有巧妙的利用这一个功能来制作一款漂亮的照片墙呢? 那么今天我们就利用CSS3动画这一特性来一起制作漂亮的照片墙吧! 第一部分:HTML 这里我们 ...
HTML5和CSS3 WEB技术开发
HTML5和CSS3 WEB技术开发 B站视频参考:https://www.bilibili.com/video/BV1H44y1k7ze/ 课程目标: 使用HTML5进行网站布局使用CSS3进行网 ...
html时钟翻牌效果,干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
双十一剁手节过去了,大家应该在很多网页中看到了数字翻牌的效果吧,比如倒计时. 数字增长等.相信很多人都已经自己独立实现过了,我也在网上看了一些demo,发现HTML结构大多比较复杂,用了4个并列的标签 ...
零基础学前端开发之CSS基础
第三章:CSS3样式基础知识点: 1.CSS概念 2.CSS语法格式 3.CSS的使用 4.三类范围为什么使用CSS 化妆前: 化妆后: HTML语法,在网页上显示数据,第一章p br b fon ...

css3的一些知识点

css3的一些知识点相关推荐

最新文章

热门文章