前端基础入门
「已注销」
Thought is already is late, exactly is the earliest time.
展开
-
网页结构(<div>、<span>标签)
当下比较流行的网页布局是 div+css。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!--div标签:(块级标签)每...原创 2019-03-14 16:45:10 · 1082 阅读 · 0 评论 -
HTML5属性变化
目录input增加类型 表单属性扩展 链接属性 其他属性*** input增加类型 ***<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>input标签属性变化</title></head>&l...原创 2019-03-31 11:30:59 · 261 阅读 · 0 评论 -
HTML5网页布局
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>IMOOC</title><link rel="stylesheet" type="text/css" href="css/style.css"></...原创 2019-03-31 15:59:31 · 1164 阅读 · 0 评论 -
css3选择器
CSS3 是 CSS 的 技术升级版本!【回顾:css中选择器】目录CSS3 基础选择器(新增) 子元素选择器 相邻兄弟元素选择器 通用兄弟选择器 群组选择器 CSS3 属性选择器(新增) Element[attribute] Element[attribute="value"] Element[attribute ~= "value"] Element[att...原创 2019-04-02 18:51:34 · 214 阅读 · 0 评论 -
HTML5标签变化
目录什么是HTML5? html5标签变化 标签 DTD 新增的标签 结构标签 多媒体标签 Web应用标签 其他标签 删除的标签 重定义的标签*** 什么是HTML5?*** //可以理解为html的最新版本*** html5标签变化 *** <!DOCTYPE>标签 <!DOCTYPE html><...原创 2019-03-30 16:57:38 · 325 阅读 · 0 评论 -
css3边框和圆角
目录 css3 圆角 css3 盒阴影 css3 边界图片 *** css3 圆角 ***// 顺时针(从左上角开始)<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>border</t...原创 2019-04-02 19:55:37 · 234 阅读 · 0 评论 -
css3背景与渐变
目录 css3背景 背景图像区域 背景图像定位 背景图像大小 多重背景图像 背景属性整合 css3渐变 线性渐变 径向渐变(径-半径) IE浏览器渐变 *** css3背景 *** 背景图像区域 <!DOCTYPE html><html lang="en"...原创 2019-04-03 17:44:39 · 282 阅读 · 0 评论 -
css3文本效果与字体
目录 css3文本 文本阴影 换行 新文本属性 css3字体 (@font-face) *** css3文本 *** 文本阴影 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title&...原创 2019-04-04 16:21:02 · 334 阅读 · 0 评论 -
css3转换(transform属性---rotate() / translateX() / translateY() / translate(x,y) / scaleX()...)
目录Transform(变形)属性 2D转换 rotate() 旋转 translate() 平移 scale() 缩放 skew() 扭曲/斜切 3D转换 rotate3d() translate3d()---增加了z轴方向平移 scale3d()---增加了z轴方向缩放 transform 与 坐标系统 css3矩阵 css3扩展属性 transfo...原创 2019-04-17 14:47:12 · 3829 阅读 · 0 评论 -
css3过渡(transition属性)
目录css3过渡(css动画) transition-property属性 transition-duration属性 transition-timing-function属性 transition-delay属性 transition属性整合property:规定应用过渡的 CSS 属性的名称duration:定义过渡效果花费的时间,默认是 0timing-functio...原创 2019-04-18 17:02:03 · 1089 阅读 · 0 评论 -
css网页布局基础(行布局、列布局、圣杯布局、双飞翼布局)
目录行布局 多列布局 圣杯布局 双飞翼布局*** 行布局 ***<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ ...原创 2019-03-27 15:57:04 · 378 阅读 · 0 评论 -
css盒子模型、display属性
目录高和宽设置 边框设置 内边距设置 外边距设置 盒子的计算 display属性 高和宽设置 【注意】:IE6以下不支持该max-width、min-width属性;【总结】:1、当元素的max-width < 外部元素的width,则元素只展示max-width宽度;2、当元素的max-width > 外部元素的width,则依旧展示外部wi...原创 2019-03-21 18:10:41 · 1584 阅读 · 0 评论 -
CSS基础(样式声明、引用(行内样式、内部样式、外部样式、导入样式)、样式优先级)
目录什么是CSS 为什么使用css css样式规则 css引用(行内、内部、外部link链入、导入式@import) css三种使用方法的区别***网页三大元素******什么是CSS*** ***为什么使用css*** css样式中 不区分大小写***css样式规则******css引用(行内、内部...原创 2019-03-15 16:23:53 · 7526 阅读 · 5 评论 -
HTML基础(概念、历史、h1~h6、p、hr、特殊符号、有序/无序/定义列表、img、a、锚点)
目录HTML基础 概念 历史 HTML特点 基础语法 html标签 --- <标签名> html元素 html属性 ---<标签名 属性名1=“值” 属性名2=“值” ...> html注释 --- DOCTYPE文档类型 常用标签***HTML基础*** 概念 HTML(Hypertext Makeup Lan...原创 2019-03-11 22:40:35 · 977 阅读 · 0 评论 -
HTML表格(table、tr、td、th、thead、tbody、tfoot标签)
目录HTML表格 table表格属性***HTML表格**<!DOCTYPE html><html><head> <title>表格</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></hea...原创 2019-03-12 20:33:26 · 34846 阅读 · 3 评论 -
css背景和列表
目录css背景(background) css列表*** css背景(background)***<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <styl...原创 2019-03-21 20:35:06 · 232 阅读 · 0 评论 -
css基础2(css各个选择器、伪类、)
目录css选择器 伪类 css 继承和层叠 css权值 ! important 规则 css样式命名***css选择器*** 1、标签选择器通过标签选择器设置样式,即所有使用该标签的都会引用该样式2、类选择器3、ID选择器一个ID选择器只能对应一个标签【注意】:css虽然不区分大小写,但是对于 类选择器、...原创 2019-03-18 16:08:11 · 594 阅读 · 0 评论 -
HTML表单(form、input、select、textarea标签)
目录HTML表单 下拉菜单/列表***HTML表单*****<input>标签**<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g...原创 2019-03-13 19:48:32 · 5325 阅读 · 1 评论 -
css文字、文本样式
目录文字样式: 字体(font-family) 文字大小(font-size) 文字颜色(color) 文字粗细(font-weight) 文字斜体(font-style) 字体变形(font-variant) 文本样式属性: 水平对齐方式(text-align) 垂直对齐方式(vertical-align) 行高(line-height) 其他文本样式属性*** ...原创 2019-03-18 20:20:42 · 627 阅读 · 0 评论 -
float浮动
目录css浮动的基础知识 float浮动的语法 清除浮动// 普通流,即不设置元素的排列方式,块元素、行内元素按其最原本的排列方式展示*** css浮动的基础知识 ****** float浮动的语法 ***?? 使用浮动产生的问题 ?? --- “高度塌陷”*** 清除浮动 ***//设置了float的元素 会影响其他相邻的元...原创 2019-03-22 18:28:50 · 238 阅读 · 0 评论 -
css定位(position)
css体系中,position不仅仅是一个属性,还是一个模块(简单了解);目录position:static; position:relative; position:absolute; position:fixed; position:sticky;*** position:static; *** // 默认值概念:自然流 / 常规流 是什么?...原创 2019-03-22 20:35:49 · 293 阅读 · 0 评论 -
css3动画
*** css3动画 概念 ***原创 2019-04-19 10:07:22 · 150 阅读 · 0 评论