发表于： 2018-12-11 20:52:33
1 825
今天完成的事情：1学习了CSS的语法：1,用法：<style> 选择器 { 属性：属性值；}</style>
3,选择器 id选择器 <style> #para{color:red;}</style>
<p id="para">是我</p>
<p>不受影响</p>
class选择器 <style> .center{...}</style>
<h1 class="center">....</h1>
<p class="center">....<p>
或者p.center
<h1 class="center">不受影响</h1>
<p class="center">是我</p>
4,CSS样式表连接方式 A外联：应用于很多页面 每个页面用<link>标签连接样式表，<link>标签放在<head></head>中间 <head><link rel="stylesheet" type="text/css" href="mystyle.css"></head> 浏览器会读到mystyle.css 这时候要创建一个.css文件 B内部：单个文档需要特殊样式 head><style>hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");}</style></head>
C内联：一个元素应用一次 <p style="color:sienna;margin-left:20px">这是一个段落。</p>
5多重样式 ： 优先级：内联>内部>外联>浏览器默认
如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。
例如，外部样式表拥有针对 h3 选择器的三个属性：
6注释：CSS中用/*......*/ HTML中用<!--.....-->
2CSS基本属性：背景 文本 字体 链接 列表样式 表格等具体见http://www.runoob.com/css.html
3盒子模型（不够理解）：为了设置元素在所有浏览器中长宽高所以得学
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
下面的图片说明了盒子模型(Box Model)：
不同部分的说明：
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像
4浮动 (不够理解）
5div使用 <style> div{width:25px; higth:...;margin:..;>
div1{font-size:16px;>
<div class="div1">我字体大小</div>
明天计划的事情：完成任务一
返回列表
评论