关闭

CSS学习

278人阅读 评论(0) 收藏 举报
分类:
CSS : 层叠样式表 
1,作用 : 美化Html页面
2,css的3种写法
a,行间样式表
<div style = "width:200px; height : 100px; border:1px solid red;"> 123 </div>
b,内部样式表
<head>
<title> html学习 </title> 
<style type="text/css">
#aaa{width:400px;height:300px;border:2px solid blue; }
</style>
</head>
<div id="aaa">456</div>
c,外部样式表 样式代码专门放到一个文件中,由html网页调用
css文件 {width:200px;height:150px;border:3px solid yellow;background:pink;}
html文件: rel="stylesheet" rev="stylesheet" href = "abc.css">
                    <div id="bbb">789</div>
3,选择器
标签选择器
id选择器
类选择器
<html>
  <head>
    <title>css_Study</title>
    <style type="text/css">
 
                p{font-size : 30px;color:red;}
                div{width:200px;height:30px;border:1px solid red}
                #aaa{color:green }
                .cls{text-decoration:underline}
</style>
  </head>
  <body>
    <p>这是一个p标签</p>
    <div>这是一个div标签</div>
    <a id="aaa">这是一个a标签</a>
<br/>
    <div class="cls">这是一个div标签</div>
  </body>
</html>





0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:36164次
    • 积分:1424
    • 等级:
    • 排名:千里之外
    • 原创:108篇
    • 转载:3篇
    • 译文:3篇
    • 评论:3条
    文章分类
    最新评论