`
frankensteinlin
  • 浏览: 56450 次
  • 性别: Icon_minigender_1
  • 来自: ShangHai
社区版块
存档分类
最新评论

CSS 基本概念

阅读更多
框子的定义
margin 在最外面
border 在中间
padding 在框的立面
最里面是正文。
IE 中 width border里面的总宽度
其他浏览器 width border是 出去padding的长度。

叠加:
margin 会相互叠加
如果没有border 和padding 那么外部容器和内部容器的空白边也会叠加


定位
普通流定位 :该咋样就咋样。
相对定位: position:relative 相对于普通流定位的位置移动。
绝对定位: position:absolute 相对于已经定位了的祖先元素移动位置
浮动:float :left 。。。。。左右的浮动

最后clear:迫使容器元素包含浮动元素
0
0
分享到:
评论

相关推荐

    web实验2 CSS基本语法.zip

    实验内容:1.CSS的引入和基本选择器应用;2.利用CSS对网页进行控制;3.利用DIV+CSS实现如图2-3、2-4网页效果的布局和设计,并在多种浏览器上测试。所需图片见附件。4.利用DIV+CSS实现如图2-5网页效果,并在多种浏览器...

    css揭秘、css权威指南,精通css

    《CSS权威指南》(中文第三版)是一本全面覆盖CSS基本概念和高级特性的参考书。书中详细讲解了CSS的选择器、盒模型、布局方式、定位机制、CSS3新特性等内容。特别关注的是,它深入解析了层叠和继承机制,这是理解CSS...

    CSS+DIV练习题

    本资源是一份详细的CSS+DIV 练习题目录,涵盖了选择题、填空题、简答题、案例分析题和设计题等多种题型,涉及到CSS的基本概念、选择器、CSS盒模型、布局、字体样式、背景样式、列表样式、表格样式、框架样式等多个...

    CSS样式生成器

    ### CSS基本概念 1. **选择器(Selectors)**:CSS选择器是用于选取HTML或XML文档中的元素的规则,如`p`用于选取所有段落,`.class`用于选取具有特定类名的元素,`#id`用于选取具有特定ID的元素。 2. **属性...

    HTML5+CSS3网页布局任务教程课件汇总整本书电子教案全套课件完整版ppt教学教程.pptx

    CSS 基本概念: * CSS 是实现网页外观的语言 * CSS 由多个版本,包括 CSS1.0、 CSS2.0、 CSS3.0 等 * CSS3 是 CSS 的新版本,增加了更多的 CSS 选择器,可以实现更简单、更强大的功能 网页开发需要使用 HTML 和 ...

    css参考手册_v4.2.7_作者:飘零物语

    1. **CSS基本概念**:包括CSS的定义、作用,以及如何通过内联、内部和外部样式表来应用CSS。 2. **选择器**:如ID选择器 (#id)、类选择器 (.class)、元素选择器 (element)、属性选择器、伪类和伪元素等,它们是CSS...

    css手册html版正式下载

    1. **CSS基本概念**:解释CSS的起源、作用以及在网页开发中的地位,介绍CSS语法基础,如选择器、声明、属性和值。 2. **选择器**:详述各种选择器的用法,包括元素选择器、类选择器、ID选择器、属性选择器、伪类和...

    CSS初级教程,ppt,....

    ### 第一章:CSS基本概念 #### 第一节:什么是CSS - **HTML标志与属性**:HTML标签用于结构化网页内容,例如`<p>`定义段落,`<h1>`定义大标题,`<table>`定义表格。而CSS用来控制这些标签的外观,如颜色、字体、...

    CHM电子书5日精通CSS层叠样式表

    1. **CSS基本概念**:书中首先会介绍CSS的基本概念,包括选择器、属性和值。选择器用于定位要应用样式的HTML元素,属性定义了元素的特定样式,而值则决定了该属性的具体表现。 2. **选择器类型**:将讲解类选择器、...

    Enduring.CSS.2017.epub

    1. **CSS基本概念**:首先,书籍可能会从CSS的基本语法和规则入手,介绍选择器、属性和值的概念,以及如何使用它们来定义元素的样式。 2. **盒模型**:CSS盒模型是理解元素布局的关键,包括内容区、内边距、边框和...

    CSS技术练习

    1. **CSS基本概念**: - CSS是一种用于描述文档呈现方式的语言,它可以应用于HTML或XML等文档中,用来控制文档的样式和布局。 - CSS可以静态地修饰网页,并可以通过JavaScript等脚本语言动态地更改样式,为网页...

    多媒体课件 CSS样式表

    1. 理解CSS基本概念和语法。 2. 掌握布局控制,实现各种网页布局。 3. 实现响应式设计,适应不同设备。 4. 学会使用CSS预处理器提高工作效率。 5. 创建吸引人的动态效果。 实践是检验学习成果的最好方式,结合实际...

    css 中文手册api

    1. **CSS基本概念** - 选择器:选择器是CSS中用于指定要应用样式规则的元素的关键部分。例如,`p`选择器用于选择所有的段落元素。 - 属性:属性定义了元素的特定样式,如`color`定义文本颜色,`font-size`定义字体...

    CSS样式文档

    1. **理解CSS基本概念**:如选择器、声明、属性和规则。 2. **掌握CSS选择器**:类选择器、ID选择器、元素选择器以及更高级的选择器如伪类和伪元素。 3. **学习布局技术**:盒模型、定位、浮动,以及现代CSS的...

    CSS联机帮助文档下载

    **一、CSS基本概念** 1. **选择器与声明**:CSS的核心是选择器和声明。选择器定位HTML元素,声明定义元素的样式,如颜色、字体、大小等。 2. **层叠原理**:CSS的“Cascading”体现在样式优先级上,通过内联样式、...

    CSS层叠样式表手册

    **一、CSS基本概念** CSS是一种样式描述语言,用于规定元素如何在屏幕上显示。它由一系列规则组成,每个规则包含一个选择器和声明块。选择器指向要应用样式的元素,而声明块则包含一个或多个声明,每个声明由属性和...

    Css基本概念及其引入方式介绍

    本文将深入探讨CSS的基本概念和引入方式,帮助新手朋友们更好地理解和应用CSS。 ### CSS的引入方式 1. **链接引入(外部引用)** 这种方式是将CSS代码放在一个单独的`.css`文件中,然后在HTML文档的`<head>`部分...

    css样式表中文手册

    1. **CSS基本概念**:介绍CSS的起源、作用以及与HTML的关系,解释如何通过内部样式、外部样式表和行内样式来应用CSS。 2. **选择器和规则集**:详细讲解各类选择器,包括元素选择器、类选择器、ID选择器、伪类和伪...

    css权威指南英文版

    1. **CSS基本概念**:CSS是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。通过CSS,我们可以控制网页的布局,包括字体、颜色、大小、位置等元素。 2. **选择器**:选择器是CSS的核心...

    CSS 样式表查看手册

    **一、CSS基本概念** 1. **选择器与声明**:CSS通过选择器来定位HTML元素,然后用声明来设置样式。例如,`p {color: red;}`就是选择所有的段落元素,并将其文字颜色设为红色。 2. **盒模型**:CSS中的每个元素都可...

Global site tag (gtag.js) - Google Analytics