摘要:
什么是 DOM? DOM 是 W3C(万维网联盟)的标准。 DOM 定义了访问 HTML 和 XML 文档的标准: W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 阅读全文
摘要:
一、@media媒体查询用途 媒体查询Media Queries,可以根据不同的设备为其实现不同的样式。@media可以根据不同的屏幕尺寸设置不同的样式,页面布局分别适应移动端、pc端等,在调整浏览器的大小,页面会根据媒体的宽度和高度来重新布置样式。 CSS2中使用的@media媒体查询在很多设备上 阅读全文
摘要:
css背景属性用于定义HTML元素的背景 背景属性既可以为单个的单元设置背景,也可以为整个页面设置背景,可以对上述二者的任意组合设置背景,段落、文字、不同状态的链接、图像、内容区域修改其背景样式。设置背景有很多属性可以利用。将在下文中详细解释这些属性的用法。 简写方式:background: #00 阅读全文
摘要:
animation属性设置动画效果 animation属性取值 @keyframes 规定动画 animation 所有动画属性的简写属性,除了animation-play-state属性 animation-name 规定@keyframes 动画名称 animation-duration 规定一 阅读全文
摘要:
一、CSS3 过渡 (一)、CSS3过渡简介 CSS3过渡是元素从一种样式逐渐改变为另一种的效果。 实现过渡效果的两个要件: 规定把效果添加到哪个 CSS 属性上 规定效果的时长 定义动画的规则 过渡transition (作用) 将元素的某个属性从“一个值”在指定的时间内过渡到“另一个值” (二) 阅读全文
摘要:
用text设置 h1、h2、h3、h4 元素的文本修饰:text-decoration 可以选用的值 text-align 属性规定元素中的文本的水平对齐方式。 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 just 阅读全文
摘要:
css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程,css中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险,同时也会出现有的浏览器厂商支持的好,有的支持的不好,所以就用厂商前缀加以区分。 CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚 阅读全文
摘要:
文本阴影 语法 text-shadow:h-shadow v-shadow blur color; 在CSS3之前,除非使用图片,否则无法给文本添加阴影效果。现在,使用text-shadow属性,可以为文本添加一个或多个阴影及模糊效果。前两个0ffset必需添加,后两个blur,color可选! 不 阅读全文
摘要:
一、CSS3转换 通过转换实现对对元素进行旋转、缩放、移动、拉伸的效果;这种原来必须要通过JS或者图片处理才可以实现的效果,现在都可以通过CSS3来完成。 2D转换采用transform属性来实现效果。 transform的取值: translate()移动 rotate()旋转 scale()缩放 阅读全文
摘要:
overflow属性规定的是当盒子里的内容溢出盒子框时,所显示的样式。共有三个属性值: scroll 文本显示滚动条 hidden 文本超出的地方不可见 auto 自动,如果有超出的部分,显示滚动条。没有就不会显示滚动条。 阅读全文
摘要:
恢复内容开始 css盒子 由内容边缘(Content edge)包围形成的是内容盒(Content Box),类推还有内边距盒(Padding Box)、边框盒(Border Box)、外边距盒(Margin Box)。其中内容盒、内边距盒、边框盒的背景由background属性决定,而外边距盒的背 阅读全文
摘要:
1.圆角边框简介 就是通过border-radius属性对元素的四个角进行设置{属性不具有继承性}。 border-radius有四个属性分别是top,left,right,bottom,可以进行设置像素。也可以直接设置一个值四边都是相等的。 也可以同时设置两个值border-radius: 50p 阅读全文
摘要:
浮动定位float float可选值: * none,默认值,元素默认在文档流中排列 * left,元素会立刻脱离文档流,向页面的左侧浮动 * right,元素会立刻脱离文档流,向页面的右侧浮动 浮动定位是居于文档流之上的定位。 浮动定位不会超过上面的兄弟元素 可以通过浮动设置文字环绕效果 内联元素 阅读全文
摘要:
文档定位是一种浏览器默认的定位方式display属性规定元素的类型并可以互相转换! display:block可以设置元素的height,width,margin,padding。并且可以自带换行符单独占一行。常见的block元素都有<div>,<p>,<h1>,<ol>,<ul>,<form>,< 阅读全文
摘要:
position这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 绝对定位sbsolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置 阅读全文
摘要:
并集选择器(选择器分组):通过选择器分组同时选中多个选择器对应的元素。 显示效果: 交集选择器(复合选择器):可以同时满足多个选择器的元素 显示效果: 后代选择器:选中指定元素的指定后代元素设置样式。 显示效果: 子元素选择器:选中指定父元素中的子元素。 显示效果: 混合使用选择器的方法。 阅读全文
摘要:
什么是盒子模型? 盒子模型(框模型)是css部分非常重要的一部分知识,CSS在处理网页的时候,认为每个元素都处在一个不可见的盒子中。盒子模型的构想,把所有的元素都想象成盒子,那么对网页进行布局的时候就可以理解为对盒子进行排列。至于要将相应的盒子摆放到网页相应的位置中即可完成页面布局。CSS 盒子模型 阅读全文
摘要:
1.HTML表单 HTML 表单用于搜集不同类型的用户输入。 2.method和action是什麽意思。 <form method="post"(规定如何发送表单数据 常用值:get|post) action="result.html"(表示向何处发送表单数据)></form> 3.表单的元素格式 阅读全文
摘要:
无序列表ul <ul><li>html</li><li>css</li><li>js</li></ul> 下图所示: 有序列表ol <ol><li>html</li><li>css</li><li>js</li></ol> 下图所示: 嵌套列表 <h4>一个嵌套列表:</h4><ul> <li>咖啡 阅读全文
摘要:
HTML语义化的重要性。 如何实现html语义化?减少对html结构的依赖,例如在html结构中有一个设置文字样式的<font>标签,但是在html5协议中则不建议再进行使用,建议把<font>标签转化为CSS样式定义的例如<h1 style="font-size:30px"> 这样作为一个样式值而 阅读全文
摘要:
什么是伪类选择器? 伪类选择器用来表示元素的一种特殊样式。比如:访问过的超链接,比如普通的超链接,比如获取焦点的文本框。当我们需要为处于这些特殊状态的元素设置状态时,就可以使用伪类。 伪类链接:link和visited link:为没有访问过的链接设置一个颜色为红色需要用到伪类选择器a:link{} 阅读全文
摘要:
表格如何制作? 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 <body> < 阅读全文
摘要:
css是什么? css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够 阅读全文
摘要:
css选择器是什么? 要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。 HTML页面中的元素就是通过CSS选择器进行控制的。 CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。 CSS的选择器分为两大类:基本选择题 阅读全文
摘要:
什么是css? CSS是Cascading Style Sheets的简称,CSS是用来美化网页中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。 css的基本语法 1.选择器{属性:值;属性:值;…….}。注意:属性和属性值之间用冒号(:)隔开,定义多个属性时,属性之间用 阅读全文
摘要:
前段工程是什么?前端工程师和后端工程要做的工作就是软件开发!软件主要分为两种架构C/S和B/S。我们主要从事B/S的开发。软件的架构分别是c/s和b/s。c/s客户端/服务器一般我们使用的软件都是这个架构比如软件qq,360,offioce。c表示用户端,用户通过客户端使用软件。s表示服务器,服务器 阅读全文
摘要:
json的基本信息和历史 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于欧洲计算机协会制定的js规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时 阅读全文
摘要:
1.html是一种超文本标记语言全称为(HyperText Mark-up Language),不是编程语言而是标记语言。html标签要成对出现结束时需要加斜杠例如<html></html>头部标签是<head></head>主体标签是<body></body>(除了一些标签,他们不是成对存在的) 阅读全文