CSS属性大全文字属性： 字体：font: 10px; 文本字体：font-family: 宋体; 文本字号：font-size: 10px; 文本字体样式：font-style: normal; 文本字体粗细：font-weight: 700; 文本字体行高：line-height: 10px; 内容水平对齐：text-align: center; 文本缩进：text-indent: 10em; 文本大小写：text-transform: capitalize; 文本不换行：white-space: normal; 文本溢出裁切：text-overflow: clip; 文本下划线：text-decoration: none; 文本阴影：text-shadow: none; 颜色color: red; 边框属性： 边框：border; 上边框：border ...

CSS第五天-定位 静态定位：static 定位的默认值，写边偏移也不会有效果 相对定位：relative父元素搭配子绝父相使用 根据自身原来的位置，进行定位 没有脱标，在页面还占有位置 天生就是给绝对定位当爹用 绝对定位：absolute 根据最近带有定位(非静态)的祖先元素来定位 子绝父相 脱离标准流，在页面不占有位置 绝对定位，固定定位，浮动，可以直接设置宽度和高度，默认宽度是内容宽度 固定定位：fixed 永远根据浏览器可视区域定位，不会随着滚动条的滚动而滚动 可以直接加宽高，默认宽度是内容宽度 脱离标准流，在页面不占有位置 解决分辨率问题有两种方法... 定位层级：z-index 只有定位有这属性，绝对定位、固定定位、相对定位 默认值：auto，数字越大，层级越高 可以设置正值或负值，没单位 过渡: transition 让元素 ...

CSS第四天-浮动 浮动（float）： 属性名 效果 float：left 左浮动 float：right 右浮动 让垂直布局的盒子变成水平布局 浮动的元素不能通过text-align:center或者margin:0 auto，让浮动元素本身水平居中 伪元素： ::before 在父元素内容的最前添加一个伪元素 ::after 在父元素内容的最后添加一个伪元素 伪元素：一般页面中的非主体内容可以使用伪元素 before 在元素里面的最前面添加 after 在元素里面的最后面添加 content 必写属性 伪元素添加进来是一个类似行内元素 清除浮动：1、在标准流的情况下，子元素的高度是可以撑开父元素的 2、一旦子元素浮动了，那么父元素就检测不到子元素，从而导致父元素高度为0 3、那么此时我们就需要清除浮动，让子元素可以把父亲撑开 清除浮动的方法 ...

1️⃣盒子模型：盒子模型部分组成分别如下： 内容区域：content 边框区域：border 内边距区域：padding 外边距区域：margin 内容的宽度和高度：利用 width 和 height 属性设置盒子内容区域的大小 2️⃣边框（border）- 单个属性：给设置边框粗细、边框样式、边框颜色效果 作用 属性名 属性值 边框粗细 border-width 数字+px 边框样式 border-style 实线：solid 虚线：dashed 点线：dotted 边框颜色 border-color 颜色取值 边框（border）- 连写形式： 属性名 属性值 border border : 10px solid red; （快捷键：bd + tab） 边框（border）- 单方向设置： 适用于只给盒子的某个方向单独设置边框 属 ...

CSS第二天 选择器进阶： 选择器 作用 格式 示例 ⭕后代选择器 找后代 选择器之间通过 空格 分隔 .nav .mark { css } 子代选择器 找儿子 选择器之间通过 > 分隔 .nav > .mark { css } ⭕并集选择器 找到多类元素 选择器之间通过 ，分隔 div,p,span { css } 交集选择器 找同时满足多个选择器的元素 选择器之间紧挨着 p.mark { css } ⭕hover伪类选择器 选中鼠标悬停在元素上的状态 :hover a:hover { css } 选择器注意点：后代选择器中：选择器与选择器之前通过 空格 隔开 子代只包括：儿子 并集选择器：每组选择器可以是基础选择器或复合选择器，每组选择器通常一行写一个，提高代码的可读性 交集选择器：如果有标签选择器，标签选择器必须写在最前面 hover伪类：鼠 ...

CSS第一天 前言：CSS介绍： CSS：层叠样式表（Cascading style sheets） 作用：给页面中的HTML标签设置样式 结构：HTML（决定了身体） 表现：CSS（决定了样式美观） 行为：JavaScript（决定了交互的动态效果） css写在style标签中，style标签一般写在head标签里面，title标签下面 CSS 标点符号都是英文状态下的 每一个样式键值对写完之后，最后需要写分号 CSS常见属性： CSS常见属性 作用 color 文字颜色 font-size: 文字大小 background-color 背景颜色 width 宽度 height 高度 CSS引入方式： 引入方式 书写位置 作用范围 使用场景 内嵌式 CSS 写在style标签中 当前页面 小案例 外联式 CSS 写在一个单独的.css文件 ...

HTML第二天 1️⃣列表标签无序列表--ul （常用） ul：表示无序列表的整体，用于包囊 li 标签 ul 标签中只允许包含 li 标签，默认显示圆点 有序列表--ol （偶尔用） ol：表示有序列表的整体，列表的每一项前默认显示序号标识 ol：标签中只允许包含 li 标签 自定义列表--dl-dt-dd （底部导航用） dl 标签：表示自定义列表的整体 dl 标签中只允许包含dt/dd标签 dt 标签：表示自定义列表的主题 dt/dd标签可以包含任意内容 dd 标签：表示对于主题的每一项内容，dd 前会默认显示缩进效果 li 标签 li 标签：表示列表标签的每一项，用于包含每一行的内容 li 标签可以包含任意内容 1234<dl> <dt>标题</dt> <dd>内容</dd></ ...

HTML第一天Web标准： 结构HTML 样式CSS 行为JavaScript 注释： 快捷键ctrl+/ 为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码 标签的分类： 双标签：例如：p h strong 单标签：例如：img br hr 标签的关系： 1、嵌套关系（父子） 2、并列关系（兄弟） 1、标题标签 h1~h6 独占一行，并且从h1~h6文字逐渐减小 2、段落标签 p （独占一行，段落之间存在间隙） 3、换行标签 br （单标签，让文字强制换行） 4、水平线标签 hr 文本格式化标签 加粗：strong b 下划线：ins u 倾斜：em i 经常用来做一些小图标 删除线：del s 推荐前者写法，有利于机器解析（对搜索引擎SEO）有帮助（强调语义更强烈） img图片标签： src图片路径 alt图 ...

「学习笔记」JavaScript基础编程基础「计算机语言」分为机器语言，汇编语言，高级语言。计算机内部最终执行的都是机器语言，由0和1这样的二进制数构成。 「数据存储单位」8bit(比特) = 1B(Byte)字节 千字节1KB = 1024B 「翻译器」高级语言编写的程序不能被计算机识别，需要经过转换，将源代码程序翻译成机器语言才能运行。浏览器里面的js解释器就是这样的一个翻译器。 「程序运行」 打开某个程序时，先从硬盘中把程序的代码加载到内存中 CPU执行内存中的代码 注意：之所以要内存的一个重要原因，是因为 cpu运行太快了，如果只从硬盘中读数据，会浪费cpu性能，所以，才使用存取速度更快的内存来保存运行时的数据。（内存是电，硬盘是机械） 初识JavaScript「创始人」布兰登·艾奇(Brendan Eich),起初命名为LiveScript后来与Sun公司合作改名为Java ...

HTML与CSS进阶本文主要介绍H5新增内容以及CSS3中的新特性。在H5方面主要介绍拓展了哪些内容，CSS3方面介绍动画及转换。 H5新增内容「1. 什么是HTML5」 定义：HTML5定义了HTML标准的最新版本，是对HTML的第五次重大修改，号称下一代的HTML。 两个概念： 是一个新版本的HTML语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指：HTML5、CSS3、JavaScript,这也是广义上的HTML5。 「2. HTML5拓展了哪些内容」 语义化标签 本地存储 兼容特性 2D、3D 动画、过渡 CSS3特性 性能与集成 「3. HTML5的现状」 绝大多数新的属性，都已经被浏览器所支持，最新版本的浏览器已经开始陆续支持最新的特性，总的来说：HTML5已经是大势所趋。 HTML5新增标签「1. 什么是语义化」 语义化是指用HTML写 ...