Leemin_ios的博客

内容概要 元素选择器 选择器分组 类选择器详解 ID 选择器详解 属性选择器详解 后代选择器 子元素选择器 1，元素选择器 最常见的选择器就是元素选择器，文档的元素就是最基本的选择器。 例如：h1{}   a{} 2，选择器分组 例子： h1,h2{} 通配符   *{} 3，类选择器 类选择器允许以一种独立与文档元素的方式来指定样式 例如： .class｛｝ 综

CSS定位 CSS浮动 1，CSS定位： 改变元素在页面上的位置 2，CSS定位机制 普通流：元素按照其在HTML中的位置顺序决定布局的过程。 浮动 绝对布局 3，CSS定位属性： 1、CSS position属性 static relative absolute fixed

.html 盒子模型应用 .css /*通配符，把所有的内边距，外边距调为0*/ *{ margin: 0

CSS盒子模型概述 CSS内边距 CSS边框 CSS外边距 CSS外边距合并 1，盒子模型的内容范围包括： margin、border、padding、content部分组成。 CSS盒子模型-内边距 1，内边距： 内边距在content外，边框内。

CSS id 选择器 1，id 选择器： id 选择器可以为标有id的HTML元素指定特定的样式。 id 选择器以“＃”来定义。 .html hello css this is div .Css #pid{ color: red; } #divid{ color: green; } 这是显示效果图： 2，id选择器和派生选择器： 目前

CSS基础语法 CSS样式引用方法 CSS高级语法 1： 选择器分组： h1,h2,h3,h4,h5,h6{color : red;} 2： 继承： body{ color: green; } body定义的是body里面所有字体的颜色样式（没有属于它自己单独的样式）。

CSS表格 CSS表格属性可以帮助我们极大的改善表格的外观。 1: 表格边框 2: 折叠边框 3: 表格宽高 4: 表格文本对齐 5: 表格内边距 6: 表格颜色

CSS列表： CSS列表属性允许你放置、改变列表标志，或者将图像作为列表项标志。 举例； list-style-type 列表类型 .html 文件 苹果 苹果 苹果 .css 样式 ul li { list-style-type: decimal;/*列表类型 circle空心圆 decimal数字*/ } 在网页中显示的效果：

CSS链接 CSS链接的四种状态： a：link 普通的、未被访问的链接。 a：visited 用户已经访问的链接。 a：hover 鼠标指针位于链接的上方。 a：active 链接被点击的时刻。 例子： .html 百度 .css a:link{ color: antiquewhite; } a:visited { color: #e0e0ee; }

CSS字体 CSS字体属性定义文本的字体系列、大小、加粗、风格和变形。 举个例子 p{ font-size: 30px;/*文字大小*/ font-family: fantasy;/*字体样式*/ } /*引入一个字体*/ @font-face { font-family: minmin; src: url("../myfont");/*字体的路径*/ } d

1，CSS文本 CSS文本属性可定义文本外观。 通过文本属性，可以改变文本的颜色，字符间距，对齐文本，装饰文本，对文本缩进

CSS背景 1，背景 CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。 padding 内边距 如果设置padding:10px表示上左下右都是10px间距。 background-image: url(" ");  背景图片，一定要用url里面包含图片路径引入进来。 background-repeat: no-repeat;不允许重复。

.html 敏敏的web页 天天向上 首页

.HTML 瀑布流 美景安静

2D、3D转换 过渡 动画 多列 1，2D、3D转换 一，通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 二，2D转换方法： translate() /*平移*/ .div2{ transform: translate(200px,100px); /*safari chrome*/ -webkit-transform: translat

对齐操作 尺寸操作 分类操作 导航栏 图片操作 对齐操作 1，使用margin属性进行水平对齐 *{ margin: 0px; } .div1{ width: 70%; height: 1000px; background-color: brown; /*左右自动伸缩，水平对齐*/ margin-left: auto; marg

CSS浮动 1，浮动： float 属性可用的值 left：元素向左浮动 right： 元素向右浮动 none： 元素不浮动 inherit： 从父级继承浮动属性 2，clear  属性： 去掉浮动属性（包括继承来的属性） clear 属性值： left，right：去掉元素向左，向右浮动。 both：左右两侧均去掉浮动。 inherit：从父级继承clear 的值。 事