前端基础CSS3之背景相关

背景相关 尺寸属性: background-size:100px 100px;<!--宽度100px,高度100px--> background-size:auto 100px;<!--宽度等比拉伸,高度100px--> back...

2019-04-21 21:18:15

阅读数 29

评论数 0

前端基础CSS3之3d模块

3d转换模块 含义:元素有宽度、高度和厚度 启动:在父元素中加入属性transform-style:preserve-3d;即可呈现3d效果 正方体做法<!--保证所有的面转到正面都是正方向的-->: <!DOCTYPE h...

2019-04-21 18:23:39

阅读数 21

评论数 0

前端基础CSS3之动画模块

动画模块 动画三要素:运动名称、创建一个该名称的动画、动画持续时长 第一种框架格式: p{ /*告诉系统运动的名称*/ animation-name:move; /*告诉系统运动持续时间*/ anination-duration:2s; } /*告诉系统创建一...

2019-04-21 18:21:57

阅读数 20

评论数 0

前端基础CSS3之2d模块

2d转换模块 格式: /*旋转*/ transform:rotate(45deg);<!--顺时针旋转45度--> /*平移*/ transform:translate(50px,50px);<!--向右和向下平移50像素--> ...

2019-04-21 18:19:31

阅读数 22

评论数 0

前端基础CSS3之过渡模块(重点)

过渡模块 a标签伪类选择器 含义:修改a标签不同状态的样式 状态及格式: 1.从未被访问过 a:link{ 属性:属性值; } 2.被访问过 a:visited{ 属性:属性值; } 3.鼠标长按 a:active{ 属性:属性值; } 4.鼠标悬停 a:ho...

2019-04-16 17:06:24

阅读数 29

评论数 0

前端基础CSS3之定位流

定位流 相对定位 含义:相对于自己以前在标准流中的位置进行移动 格式: position:relative; top:20px; left:20px; right:20px; bottom:20px; 注意: 1.不脱标; 2.同一个方向上的定位属性只能用一个; 3....

2019-04-13 20:56:43

阅读数 33

评论数 0

前端基础CSS3之清除浮动

清除浮动 方式一:外部盒子添加高度属性撑起来即可 方式二:外部盒子添加clear : both;属性,但该盒子的margin属性失效 方式三:外墙法,在两个盒子之间添加一个额外的块级元素,并给该元素添加clear : both:属性<!--只能设置第二个盒子...

2019-04-02 20:13:11

阅读数 24

评论数 0

前端基础CSS3之网页的布局方式

网页的布局方式 标准流排版方式 标签分三类:块级元素、行内元素和行内块级元素 排版两类:垂直排版和水平排版 浮动流排版方式 排版一类:水平排版 注意:半脱标、没有水平居中属性、属性margin : 0 auto;无效 特点:浮动流的标签都具有行内块级元素的特点 ...

2019-04-02 20:11:53

阅读数 30

评论数 0

前端基础CSS3之盒子模型

盒子模型 含义:所有标签都是盒子 盒子模型组成 宽度/高度:存放内容的区域 内边距:内容与边框的间距 边框:盒子边框 外边距:盒子与盒子之间的距离 高度与宽度 内容的宽高:通过标签的width/height属性设置的宽高 元素的宽高:左边框+左内边距...

2019-04-01 21:07:35

阅读数 34

评论数 0

前端基础CSS3只边框属性、边距

边框属性 只要是标签,就可以设置边框 格式: 1.border: 边框宽度 边框样式 边框颜色;<!--同时设置4条边--> 2.border-top: 边框宽度 边框样式 边框颜色; border-bottom: 边框宽度 边框样式 边框...

2019-04-01 21:06:29

阅读数 52

评论数 0

前端基础CSS之背景和精灵图

背景 背景颜色:background-color : 英文单词(red),rgb(255红,255绿,255蓝),rgba(255,255,255,1透明度),十六进制(#ffffff),十六进制缩写(#fff) 背景图片:background-image : url(网址 / 本...

2019-03-24 15:02:12

阅读数 97

评论数 0

前端基础CSS之标签分类

标签分类 html: 容器级别:div, h, ul, ol, dl, li, .....可以嵌套其他所有的标签 文本级别:span(配合div进行局部信息的属性设置), p, ....只能嵌套文字、超链接和图片 css: 块级元素:独占一行,所有容器级别的元素和p,默认...

2019-03-24 15:01:16

阅读数 38

评论数 0

前端基础CSS之CSS继承性、CSS层叠性和优先级

CSS继承性 作用:父元素的属性,子元素也可以用 可继承的属性:有color / font / text / line的属性都可以继承 不可继承的属性:a标签的颜色和下划线不能继承,h标签的文字大小不能继承 应用场景:设置整个网页具有共性的属性,如文字的字体和大...

2019-03-24 15:00:08

阅读数 44

评论数 0

前端基础CSS之选择器

选择器 标签选择器:选中当前页面中所有对应名称的标签 id选择器:前面加#号,id名称不能重复,即不同标签不能有相同的id 类选择器:前面加.号,class名称可以重复,且一个标签可以有多个类名,格式为class="c1 c2 c3" ... ...

2019-03-23 22:08:13

阅读数 39

评论数 0

前端基础CSS之CSS原理、文字属性、文本属性和颜色属性

CSS 作用:只能修改元素样式 位置:放在标签中叫行内样式,放在<head>中叫内嵌样式,格式: <style type="text/css"> 标签名称{ 属性名称:属性值 ...

2019-03-23 22:07:05

阅读数 42

评论数 0

前端基础HTML之多媒体标签、CSS钩子标签和字符实体

多媒体标签 视频标签: <video src="video.webm" autoplay="autoplay自动播放" controls="controls控制条" poster="poster占位海报...

2019-03-22 21:09:52

阅读数 46

评论数 0

前端基础HTML之表单标签

表单标签 作用:收集用户信息 格式: <form action="提交按钮提交内容到的网址"> <label for="account">账号</label&am...

2019-03-22 21:08:17

阅读数 37

评论数 0

前端基础HTML之列表标签和表格标签

列表标签 无序列表(unordered list) 格式: <ul> <li>list item</li> </ul> 应用:新闻列表,商品列表,导航条 ...

2019-03-22 21:05:34

阅读数 38

评论数 0

前端基础HTML之HTML基础、DTD文档声明和基础标签

HTML 名称:超文本标记语言 作用:只用于描述文本的语义 基本结构 <!DOCTYPE html> <html lang="en"> <head> ...

2019-03-22 21:01:50

阅读数 110

评论数 0

前端基础HTML之浏览器作用,主流浏览器、浏览器访问网页原理和URL组成、HTTP协议、纯文本文件

浏览器作用 将网页渲染出来给用户查看 让用户通过浏览器与网页交互 主流浏览器(内核是渲染引擎,决定浏览器如何显示网页内容) IE:内核Trident 谷歌:内核WebKit / Blink 火狐:内核Gecko Safarri:内核WebKi...

2019-03-22 20:58:53

阅读数 47

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭