html
飞刀还问情
web前端
展开
-
html5与css 1. web标准及组成
html5与css 1. web标准及组成学习目标1、本专业介绍、HTML相关概念,HTML发展历史 2、WEB标准,W3C/WHATWG/ECMA相关概念 3、相关软件的应用以及站点的创建 4、HTML基本结构和HTML语法 5、HTML常用标记一、本专业介绍、HTML相关概念,HTML发展历史本专业介绍移动前端/WEB前端网站建站流程二、WEB标准,W3...原创 2018-06-11 08:32:00 · 231 阅读 · 0 评论 -
案例:滑动生成立方体
案例:滑动生成立方体<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; ...原创 2018-07-06 20:19:00 · 86 阅读 · 0 评论 -
15:CSS3 3D
15:CSS3 3D15:CSS3 3D什么是3d的场景呢? 2d场景,在屏幕上水平和垂直的交叉线x轴和y轴3d场景,在垂直于屏幕的方法,相对于3d多出个z轴Z轴:靠近屏幕的方向是正向,远离屏幕的方向是反向CSS3中的3D变换主要包括以下几种功能函数: 3D位移:CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数; 3D旋转:C...原创 2018-07-06 20:14:00 · 111 阅读 · 0 评论 -
14:CSS3 渐变(gradient)与 过度(transition)、CSS3 的2D动画
14:CSS3 渐变(gradient)与 过度(transition)、CSS3 的2D动画14:CSS3 渐变CSS3 渐变(gradient)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即可实现。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的...原创 2018-07-06 20:12:00 · 742 阅读 · 0 评论 -
13:怪异盒模型
13:怪异盒模型13:怪异盒模型box-sizingbox-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box为元素设定的宽度和高度决定了元素的边框盒。就是说,为元素指定的任何内边距和边框都将...原创 2018-07-06 20:11:00 · 97 阅读 · 0 评论 -
12:Css3的概念和优势
12:Css3的概念和优势12:Css3的概念和优势CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。css3的优点:CSS3将完全向后兼容,所以没有必要修改现在...原创 2018-07-06 20:09:00 · 1326 阅读 · 0 评论 -
10:表格表单和统筹
10:表格表单和统筹10:表格表单和统筹学习目标1、表单标签及属性高级 2、表格标签及属性高级 3、CSS统筹 4、BFC概念和应用场景一、表单标签及属性高级回顾:表单的作用:用来收集用户的信息的;表单的组成:表单域: <form name="" method="get/post" action=""></form>表单控件 : ...原创 2018-07-06 20:06:00 · 143 阅读 · 0 评论 -
9:浏览器兼容
9:浏览器兼容9:浏览器兼容常见的主流浏览器1)主流浏览器 Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游 2)最早的浏览器 : Mosaic / Netscape Navigator(网景领航者)(1994-2008)简称NN五大浏览器内核•Trident (MSHT...原创 2018-07-06 20:04:00 · 133 阅读 · 0 评论 -
8:宽高自适应
8:宽高自适应8:宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是自适应。自适应的优点:元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和 不同分辨率下显示。(1)宽度自适应元素宽度设置为100%。(块元素宽度默认为100%) 或者不设置宽度(width);(宽度是父元素...原创 2018-07-06 20:03:00 · 73 阅读 · 0 评论 -
7:CSS Sprites的原理(图片整合技术)
7:CSS Sprites的原理(图片整合技术)7:CSS Sprites的原理(图片整合技术)一、将导航背景图片,按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图,然后用background-position”来实现背景图片的定位技术。二、图片整合的优势:1)通过图片整合来减少对服务器的请求次数,从而提高 页面的加载速度。2)通过...原创 2018-07-06 20:02:00 · 87 阅读 · 0 评论 -
6:定位锚点透明
6:定位锚点透明<!doctype html>Day7:定位锚点透明6:定位锚点透明学习目标1、position 定位属性和属性值 2、定位元素的层级属性 3、包含块的概念和应用 4、锚点连接的语法和应用场景 5、透明属性的应用 6、扩展:Flash和marquee(滚动字幕) 7、overflow中的滚动条一、position 定位属性和属性值pos...原创 2018-07-06 20:01:00 · 177 阅读 · 0 评论 -
5:CSS元素类型
5:CSS元素类型5:CSS元素类型学习目标1、元素类型分类依据和元素类型分类 2、元素类型的转换 3、inline-block元素类型的应用 4、置换和非置换元素的概念和应用案例一、元素类型分类依据和元素类型分类根据css显示分类,XHTML元素被分为三种类型:块状元素,内联元素,行内块元素、可变元素1.块状元素(block element)A)块状元素在网页...原创 2018-07-06 19:59:00 · 95 阅读 · 0 评论 -
4、css盒模型和文本溢出
4、css盒模型和文本溢出4:css盒模型和文本溢出学习目标 1、认识盒子模型 2、盒子模型的组成部分 3、学习盒子模型的相关元素 margin padding 4、文本溢出相关的属性 一、css属性和属性值的定义盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框、边界...原创 2018-07-06 19:55:00 · 307 阅读 · 0 评论 -
3、CSS属性组成和作用
3、CSS属性组成和作用3:CSS属性组成和作用学习目标 1、css属性和属性值的定义 2、css文本属性 3、css列表属性 4、css背景属性 5、css边框属性 6、css浮动属性 一、css属性和属性值的定义属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定属性值及常见的数值加单位,如2...原创 2018-07-06 19:53:00 · 190 阅读 · 0 评论 -
h5 . css入门 2.CSS基础
h5 . css入门 2.CSS基础CSS基础学习目标1、CSS简介 2、CSS语法 3、样式的创建 4、两种引入外部样式表的区别 5、样式表的优先级和作用域 6、CSS选择器 7、选择器的权重 8、浮动属性的简单应用 9、HTML、CSS注释一、CSS简介英文全名:cascading style sheets(百度百科) === cascading style ...原创 2018-06-11 08:35:00 · 224 阅读 · 0 评论 -
16.移动端设置
16.移动端设置媒体查询什么是媒体查询媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。1、媒体查询操作...原创 2018-08-31 10:27:00 · 167 阅读 · 0 评论