CSS 基础教程学习笔记
关注
分享
扫一扫
文章平均质量分 57
Leemin_ios
呐呐呐呐呐呐
展开
-
CSS选择器
内容概要元素选择器选择器分组类选择器详解ID 选择器详解属性选择器详解后代选择器子元素选择器1，元素选择器最常见的选择器就是元素选择器，文档的元素就是最基本的选择器。例如：h1{} a{}2，选择器分组例子： h1,h2{}通配符 *{}3，类选择器类选择器允许以一种独立与文档元素的方式来指定样式例如： .class｛｝综原创 2016-08-15 16:37:06 · 264 阅读 · 0 评论 -
CSS定位
CSS定位CSS浮动1，CSS定位：改变元素在页面上的位置2，CSS定位机制普通流：元素按照其在HTML中的位置顺序决定布局的过程。浮动绝对布局3，CSS定位属性：1、CSS position属性staticrelativeabsolutefixed原创 2016-08-15 11:03:29 · 548 阅读 · 0 评论 -
CSS盒子模型-盒子模型应用
.html 盒子模型应用 .css/*通配符，把所有的内边距，外边距调为0*/*{ margin: 0原创 2016-08-12 16:20:06 · 670 阅读 · 0 评论 -
CSS盒子模型
CSS盒子模型概述CSS内边距CSS边框CSS外边距CSS外边距合并1，盒子模型的内容范围包括：margin、border、padding、content部分组成。CSS盒子模型-内边距1，内边距：内边距在content外，边框内。原创 2016-08-11 21:42:51 · 572 阅读 · 1 评论 -
CSS基础-选择器
CSS id 选择器1，id 选择器：id 选择器可以为标有id的HTML元素指定特定的样式。id 选择器以“＃”来定义。.htmlhello cssthis is div.Css#pid{ color: red;}#divid{ color: green;}这是显示效果图：2，id选择器和派生选择器：目前原创 2016-08-11 14:21:00 · 420 阅读 · 0 评论 -
CSS基础-介绍及语法
CSS基础语法CSS样式引用方法CSS高级语法1： 选择器分组：h1,h2,h3,h4,h5,h6{color : red;}2： 继承：body{color: green;}body定义的是body里面所有字体的颜色样式（没有属于它自己单独的样式）。原创 2016-08-11 11:23:20 · 414 阅读 · 0 评论 -
CSS样式-表格
CSS表格CSS表格属性可以帮助我们极大的改善表格的外观。1: 表格边框2: 折叠边框3: 表格宽高4: 表格文本对齐5: 表格内边距6: 表格颜色原创 2016-08-10 15:03:23 · 435 阅读 · 0 评论 -
CSS样式-列表
CSS列表：CSS列表属性允许你放置、改变列表标志，或者将图像作为列表项标志。举例；list-style-type 列表类型.html 文件 苹果 苹果 苹果.css 样式ul li{ list-style-type: decimal;/*列表类型 circle空心圆 decimal数字*/}在网页中显示的效果：原创 2016-08-10 14:11:01 · 426 阅读 · 0 评论 -
CSS样式-链接
CSS链接CSS链接的四种状态：a：link 普通的、未被访问的链接。a：visited 用户已经访问的链接。a：hover 鼠标指针位于链接的上方。a：active 链接被点击的时刻。例子：.html百度.cssa:link{ color: antiquewhite;}a:visited{ color: #e0e0ee;}原创 2016-08-10 11:50:55 · 455 阅读 · 0 评论 -
CSS样式-字体
CSS字体CSS字体属性定义文本的字体系列、大小、加粗、风格和变形。举个例子p{ font-size: 30px;/*文字大小*/ font-family: fantasy;/*字体样式*/}/*引入一个字体*/@font-face {font-family: minmin; src: url("../myfont");/*字体的路径*/}d原创 2016-08-10 10:54:03 · 436 阅读 · 0 评论 -
CSS样式-文本
1，CSS文本CSS文本属性可定义文本外观。通过文本属性，可以改变文本的颜色，字符间距，对齐文本，装饰文本，对文本缩进原创 2016-08-09 21:28:50 · 289 阅读 · 0 评论 -
CSS样式-背景
CSS背景1，背景CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。padding 内边距 如果设置padding:10px表示上左下右都是10px间距。background-image: url(" "); 背景图片，一定要用url里面包含图片路径引入进来。background-repeat: no-repeat;不允许重复。原创 2016-08-09 17:32:54 · 445 阅读 · 0 评论 -
HTML与CSS简单页面效果实例
.html 敏敏的web页 天天向上 首页原创 2016-08-18 17:21:47 · 901 阅读 · 0 评论 -
CSS瀑布流效果
.HTML 瀑布流 美景安静原创 2016-08-17 14:56:27 · 509 阅读 · 0 评论 -
CSS动画
2D、3D转换过渡动画多列1，2D、3D转换一，通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。二，2D转换方法：translate()/*平移*/.div2{ transform: translate(200px,100px); /*safari chrome*/ -webkit-transform: translat原创 2016-08-16 21:42:32 · 909 阅读 · 0 评论 -
CSS常用操作
对齐操作尺寸操作分类操作导航栏图片操作对齐操作1，使用margin属性进行水平对齐*{ margin: 0px;}.div1{ width: 70%; height: 1000px; background-color: brown; /*左右自动伸缩，水平对齐*/ margin-left: auto; marg原创 2016-08-16 17:39:48 · 389 阅读 · 0 评论 -
CSS定位-浮动
CSS浮动1，浮动：float 属性可用的值left：元素向左浮动right： 元素向右浮动none： 元素不浮动inherit： 从父级继承浮动属性2，clear 属性：去掉浮动属性（包括继承来的属性）clear 属性值：left，right：去掉元素向左，向右浮动。both：左右两侧均去掉浮动。inherit：从父级继承clear 的值。事原创 2016-08-15 14:02:43 · 374 阅读 · 0 评论