2301_76892837的博客

原创 document object model

document object model 文档对象模型。将js和网页结合在一起 利用js来操作页面。

原创 宽高自适应：

-

原创 HTML5

HTML5:HTML的第五个版本。

原创 HTML5的相关内容

on可是显示指定候补输入的数据列表，使用datalist元素与list属性提供候补输入的数据列表，自动完成时，可以讲该datalist元素中的数据作为候补输入的数据在文本框中显示： <input type="text" name="greeting" autoconplete="on" list ="greeting">例：<input type="number“ min="0" max="10" step="3" />5）、 Multiple:可以输入一个或多个值，每个值之间用逗号分开。

原创 表格与表单

原创 《定 位》

2、如果父元素有定位，此时子元素绝对定位，子元素位置改变，参照物是父元素。sticky——————粘性定位，用来实现吸顶效果，参照物是距离最近的带有滚动条的容器。1、如果父元素没有定位，此时子元素绝对定位，参照物是浏览器。relative——————相对定位，相对于自己原来的位置进行位置的改变。static——————静态定位，元素正常显示（默认值）fixed——————固定定位，参照物就是。absolute——————绝对定位。概念：让元素去某一个位置，位置的改变，去到任意一个你指定的位置。

原创 表格与表单

-

原创 表格和表单

表格和表单

原创 定位、定位与浮动、锚点

-

原创 CSS溢出属性与元素类型

-CSS属性。

原创 【错题集】

错题集

原创 浮动与盒模型

-

原创 常用PS操作

辅助线框选出图片区域-------选中左侧快速工具栏切片工具------菜单栏（文件）-----导出-----存储为web所有格式-------预览位置框选图片更改图片格式------存储-----更改切片为所有用户切片。辅助线框选出图片区域-------矩形选区工具框选--------ctrl+c-------ctrl+n（更改单位为像素，更改背景色为透明）-------ctrl+v------ctrl+s（保存）1、图片拖拽到PS中，将图片打开，调出刻度尺：快捷键：ctrl+R。放大：ctrl+减号。

原创 边框属性的灵活运用

用边框书写三角形、等腰梯形、直角梯形、风车

原创 CSS中的列表属性及背景属性、边框属性

CSS中的列表属性及背景属性、边框属性

原创 CSS中的文本属性

line-through------中间的线（删除线）=========s、del标签。normal------正常显示（不加粗、不变细）（默认值）underline-------下划线=========u标签。400---------正常显示（不加粗、不变细）oblique-------倾斜，更注重实现倾斜效果。italic--------倾斜，强调实现斜体字。2、数字：表示当前字号大小的倍数。normal--------正常显示（默认值）overline---------文本上面的线。

原创 CSS层叠样式表

CSS层叠样式表

原创 HTML基础

HTML基础以及常用标签

原创 定位与锚点：

概念：让元素去某一个位置，去到任意一个你指定的位置属性：position取值：static---------静态定位，元素正常显示(默认值)relative-------相对定位，相对于自己原有的位置行进位置的改变参照物：自已原有的位置absolute-------绝对定位父子关系中：1、如果父元素没有定位，此时子元素绝对定位，参照物是浏览器窗口第一屏幕(保证页面有滚动条)2、如果父元素有定位，此时子元素绝对定位，子元素位置改变，参照物是父元素（找离自己最近的有定位的父元素）

原创 Day3：CSS核心属性

属性：属性是指定选择符所具有的属性，它是css的核心。属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。

原创 CSS元素类型

垂直对齐方式{vertical-align:baseline(基线对齐，默认值)vertical-align:top(元素的顶端与行中最高的元素顶端对齐)/bottom元素的底端与行中最低的元素底端对齐/middle/sub(与父元素的下标字体基线对齐)/super（与父元素的上标字体基线对齐）/text-top(与父元素的字体顶端对齐)/text-bottom(与父元素的字体底端对齐);Inline-block行内块元素显示：元素的内容以块状显示，行内的其他元素显示在同一行。

原创 Day6：文本溢出

white-space：normal/nowrap/pre/pre-wrap /pre-line /inherit 该属性用来设置如何处理元素内的空白；1、-webkit-line-clamp用来限制在一个块元素显示的文本的行数。3、-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式。4、溢出文本显示省略号：text-overflow：ellipsis;2、强制文本在一行内显示:white-space：nowrap;scroll：滚动，溢出内容以滚动方式显示;

原创 Day4：css盒模型

在正常文档流下，子元素（块，独占一行的）直接写margin-top时，会将margin-top属性值加上父元素身上,(子元素或父元素不设置任何浮动及定位的属性，或父元素不设置边框的情况下。高= border*2 + padding*2 + content.height = 1*2 +10*2 + 50 = 112px，例如：一个盒子的border 为 1px，padding 为 10px，content 的宽为 200px、高为 50px，说明：可单独设置一方向边界，如：margin-top:10px;

原创 Day3：CSS核心属性

属性：属性是指定选择符所具有的属性，它是css的核心。属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。

原创 DAY03：表单基础元素及CSS基础

css概念:层叠样式表 英文全名：cascading style sheets,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制，简单说就是如何修饰网页信息的显示样式。目前推荐遵循的是W3C发布的CSS3.0用来修饰XHTML或者XML等样式文件的计算机语言。1998年5月21日由w3C正式推出的css2.11） 元素选择符/类型选择符（element选择器 ) 如：div{width:100px;语法：元素名称{属性：属性值；

原创 DAY1：HTML基础

本专业介绍移动前端/WEB前端网站建站流程。

原创 定位锚点透明

如果我们的父素设置了position:absolute;那么子元素也会相对父元素来定义自己的位置。绝对和相对定位的区别1、参照物不同，绝对定位（absolute）的参照物是包含块（父级），相对定位的参照物是元素本身位置；2、绝对定位将对象从文档流中拖离出来因此不占据空间，相对定位不破坏正常的文档流顺序无论是否进行移动，元素仍然占据原来的空间。

原创 元素类型及相互转化

元素类型及相互转化如何将一个元素隐藏？img下面3像素留白问题让一张图片在容器中实现垂直居中

原创 实现三个小圆点省略号效果：（只能应用在单行文本中）（面试题）

实现三个小圆点省略号效果

原创 父子关系中，子元素添加浮动，父元素高度会发生变化--------高度塌陷

父子关系中，子元素添加浮动，父元素高度会发生变化--------高度塌陷

原创 HTML中常用标签

HTML中常用标签

原创 HTML超文本标记语言

HTML

原创 外部样式表的引入

外部样式表的引入

原创 父子关系中，子元素margin-top会作用在父元素上面，如何解决？

父子关系中，子元素margin-top会作用在父元素上面，如何解决？