认识CSS样式
Posted Rinpe
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了认识CSS样式相关的知识,希望对你有一定的参考价值。
CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义html内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。
如下列代码:
p{ font-size:12px; color:red; font-weight:bold; }
使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
示例:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>认识CSS样式</title> <style type="text/css"> p{ font-size:20px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/ } </style> </head> <body> <p>xx网,超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p> </body> </html>
效果:
以上是关于认识CSS样式的主要内容,如果未能解决你的问题,请参考以下文章
css CSS片段用于覆盖输入文本的chrome自动完成样式
css 来自myStyles.css的[ArasLabs / custom-form-css]片段,显示应用于myIcon的样式