精通各种语言HelloWorld

摘要： 文档流 文档流是文档中可显示对象在排列时所占用的位置/空间 例如:块元素自上而下摆放,内联元素,从左到右摆放标准流里面的限制非常多,导致很多页面效果无法实现 高矮不齐,底边对齐 空白折叠现象 无论多少个空格,换行,tab,都会折叠为一个空格 如果我们想让img标签之间没有空隙,必须紧密连接 文档流产 阅读全文

摘要： 弹性盒子模型(flex box) 定义 弹性盒子是CSS3的一种新的布局模式 CSS3弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式 引入弹性盒子布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列.对齐和分配空白空间 CSS3弹性盒内容 弹 阅读全文

摘要： CSS盒子模型(Box Model) 概念 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括: 外边距(margin),边框(border),内边距(padding),和实际内容(conte 阅读全文

摘要： 关系选择器 关系选择器分类 后代选择器 子代选择器 相邻兄弟选择器 通用兄弟选择器 后代选择器 定义 选择所有被E元素包含的F元素,中间用空格隔开 语法 E F{} <ul> <li>宝马</li> <li>奔驰</li></ul><ol> <li>奥迪</li></ol>ul li{ color: 阅读全文

摘要： 表格属性 使用css可以使HTML表格更美观 表格边框 指定CSS表格边框,使用border属性 table,td{ border:1px solid black;} 折叠边框 border-collapse属性设置表格的边框是否被折叠成一个单一的边框或隔开 table {border-collap 阅读全文

摘要： 文本属性 text-align 指定元素文本的水平对齐方式 值描述 left 文本居左排列,默认值 right 把文本排列到右边 center 把文本排列到中间 h1{text-align:center}h2{text-align:left}h3{text-align:right} text-dec 阅读全文

摘要： 背景属性 CSS背景属性主要有以下几个 属性描述 background-color 设置背景颜色 background-image 设置背景图片 background-position 设置背景图片显示位置 background-repeat 设置背景图片如何填充 background-size 设 阅读全文

摘要： 字体属性 CSS字体属性定义字体,颜色,大小,加粗,文字样式 color 规定文本的颜色 div{color:red;}div{color:#ff0000;}div{color:rgb(255,0,0);}div{color:rgba(255,0,0,.5);} font-size 设置文本的大小 阅读全文

摘要： 选择器二 ID选择器 针对某一个特定的标签来使用,只能使用一次.css中的ID选择器以#来定义 <h2 id="mytitle">你好</h2>#mytitle{border:3px dashed green;} 特别强调 ID是唯一的 ID不能以数字开头 合并选择器 语法:选择器1,选择器2,.. 阅读全文

摘要： 选择器一 CSS语法规则由两个主要的部分构成:选择器,以及一条或多条声明(样式) 全局选择器 可以与任何元素匹配,优先级最低,一般做样式初始化 *{ margin:0; padding:0;} 元素选择器 HTML文档中的元素,p,b,div,a,img,body等. 标签选择器,选择的是页面上所有 阅读全文