10讲 div+css开山篇
Div+css 是什么?
Div+css 是一种目前比较流行的网页布局技术
Div 来存放需要显示的数据(文字，图表..) , css 就是用来指定怎样显示， 从而做到数据和显示相互的效果
原理图如下 ：
有时后，我们也可能把css直接嵌入到html文件中，这种方式称为内联css
基本语法:
<style>
选择器{
      属性: 属性值;
    …
}
</style>
我们可以简单的这样理解div+css:
div 是用于存放内容(文字,图片,元素)的容器。
css 是用于指定放在div中的内容如何显示,包括这些内容的位置和外观.
快速入门案例(体验案例)
Demo.html
<html>
<head>
<title>css入门小案例</title>
<!--引入我们的css-->
<link rel="stylesheet" type="text/css" href="my.css" />
</head>
<body>
css布局左边固定右边自适应<div class="style1">
<img src="2.jpg"/>
</div>
</body>
</html>
My.css
.style1{
      /*宽度 */
      width: 400px;
      height: 300px; /*一定要写一个分号*/
      background-color:silver;
      border:1px solid red;
      margin-left:400px;
      margin-top:250px;
      padding-top:20px;
      padding-left:40px;
}

网页设计的三个时期
①    table 网页设计
②    table+css 网页设计
③    div+css 网页设计
11讲 初识css 类选择器 id选择器 html选择器

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。