CSS是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式:先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。
认识css
CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。
如下列代码:
p{ font-size:12px; color:red; font-weight:bold; }
使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
练习
新建示例页面demo.html,示例代码如下:
我来试一试:用css样式代码修改字体大小
在示例代码中的第8行修改
“font-size:12px;”为“font-size:20px;”
然后浏览器打开demo.html,观察页面变化
示例代码
<!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:12px;/*设置文字字号*/ color:red;/*设置文字颜色*/ font-weight:bold;/*设置字体加粗*/ } </style> </head> <body> <p>V型知识库,超酷的互联网、IT技术聚合学习平台,本平台以电子书的形式展现给用户,知识节点聚合,章节清晰并结构化,给用户良好的阅读学习体验。</p> </body> </html>
此文章本站原创,地址 https://www.vxzsk.com/1280.html
转载请注明出处!谢谢!
感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程
上一篇:3.5、YARN Failover失败处理
下一篇:4.1、CSS样式的优势
^