首页 > 代码库 > CSS基础

CSS基础

CSS:“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。

   使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

全局更改

例:

 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>认识CSS样式</title> 6 <style type="text/css"> 7 p{ 8    font-size:20px;  /*设置文字字号*/ 9    color:red;      /*设置文字颜色*/10    font-weight:bold;  /*设置字体加粗*/11 }12 </style>13 </head>14 <body>15 <p>慕课网,超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p>16 </body>17 </html>

输出:
技术分享

部分外观更改设置

span{...}:大括号内写样式语句

<span>..</span>:中间写要更改的内容

例:

 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>CSS样式的优势</title> 6 <style type="text/css"> 7 span{ 8    color:blue; 9 }10 </style>11 </head>12 <body>13     <p>慕课网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>14 </body>15 </html>

输出:
技术分享

 语法格式:

 

CSS基础