首页 / CSS3 / 前端学习之CSS3常用属性
前端学习之CSS3常用属性
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前端学习之CSS3常用属性,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2812字,纯文字阅读大概需要5分钟。
内容图文
一、字体属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>字体属性</title> </head> <body> <p style="font-family: 黑体;">css之字体属性</p> <p style="font-size: 15pt">css之字体属性</p> <p style="font-style: italic">css之字体属性</p> <p style="font-style: oblique">css之字体属性</p> <p style="font-weight: bold">css之字体属性</p> <p style="font-weight: bolder">css之字体属性</p> <p style="font-weight: lighter">css之字体属性</p> </body> </html>
二、颜色和背景属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>颜色和背景属性</title> <style type="text/css"> .together{width: 200px;height: 200px;float: left;margin-left: 100px} </style> </head> <body> <div style="color: red"class="together"> <p>欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!</p> </div> <div style="background-color: red"class="together"> </div> <div style="background-image: url(https://ss3.baidu.com/-rVXeDTa2gU2pMbgoY3K/it/u=29028967,3707756004&fm=202)"class="together"> 欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨!欢迎来叨叨 </div> </body> </html>
三、文本段落属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文本段落属性</title> </head> <body> <div> <p style="text-decoration: underline">这是css文本段落属性演示实例</p> <p style="text-decoration: overline">这是css文本段落属性演示实例</p> <p style="text-decoration: line-through">这是css文本段落属性演示实例</p> <p style="vertical-align: baseline">这是css文本段落属性演示实例</p> <p style="vertical-align: super">这是css文本段落属性演示实例</p> <p style="vertical-align: sub">这是css文本段落属性演示实例</p> <p style="vertical-align: top">这是css文本段落属性演示实例</p> <p style="vertical-align: text-top">这是css文本段落属性演示实例</p> <p style="vertical-align: middle">这是css文本段落属性演示实例</p> <p style="vertical-align: text-bottom">这是css文本段落属性演示实例</p> <p style="text-align: left">这是css文本段落属性演示实例</p> <p style="text-align: center">这是css文本段落属性演示实例</p> <p style="text-align: right">这是css文本段落属性演示实例</p> <p style="text-align: justify">这是css文本段落属性演示实例</p> <p style="text-indent: 2em">这是css文本段落属性演示实例</p> <p style="line-height: 20px">这是css文本段落属性演示实例</p> <p style="white-space: normal">这是 css 文本段落属性 演示实例</p> <p style="white-space: nowrap">这是css文本段落属性演示实例这是css文本段落属性演示实例这是css文本段落属性演示实例这是css文本段落属性演示实例这是css文本段落属性演示实例这是css文本段落属性演示实例</p> </div> </body> </html>
原文:https://www.cnblogs.com/wangbobobobo/p/9754717.html
内容总结
以上是互联网集市为您收集整理的前端学习之CSS3常用属性全部内容,希望文章能够帮你解决前端学习之CSS3常用属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。