web前端笔记(2)-css简介

 

什么是 CSS？

  • CSS 指的是层叠样式表
  • CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
  • CSS 节省了大量工作。它可以同时控制多张网页的布局
  • 外部样式表存储在 CSS 文件中

css盒子基本结构

 

  • margin外边距：清除边框外的区域，外边距是透明的。

  • border边框：围绕在内边距和内容外的边框

  • padding内边距：清除内容周围的区域，内边距是透明的。

css样式表

外部(链入)样式表

<head>
<link rel="stylesheet" type="text/css" href="waibu.css">
</head>　　
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}

头部样式表

<head>
<style>
hr {color:red;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

行内样式表

<p style="color:sienna;margin-left:20px">这是一个段落。</p>

 

posted @ 2021-11-14 12:06  楊樂多  阅读(86)  评论(0)    收藏  举报