码迷,mamicode.com
首页 > Web开发 > 详细

CSS基础

时间:2017-04-03 11:56:36      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:bsp   设置   好处   images   外观   文字   str   cascading   body   

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基础

标签:bsp   设置   好处   images   外观   文字   str   cascading   body   

原文地址:http://www.cnblogs.com/Arsene/p/6661353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!