![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
ZLMika
这个作者很懒,什么都没留下…
展开
-
01HTML基础-认识HTML
01HTML基础-认识HTML 什么是HTMLHTML其实是HyperText Markup Language的缩写, 超文本标记语言HTML的作用1.首先利用记事本保存了一个标题和两段描述, 然后修改纯文本文件的扩展名为.html, 然后再利用浏览器打开郑伊健 郑伊健,1967年10月4日出生于中国香港,籍贯广东恩平,香港影视演员、流行男歌手。1988年参加新秀歌唱大...转载 2019-01-03 17:58:48 · 161 阅读 · 0 评论 -
16-CSS基础-清除浮动
16-CSS基础-清除浮动 清除浮动盒子高度问题在标准流中内容的高度可以撑起盒子的高度<style> div{ background-color: red; } p{ width: 200px; height: 100p...转载 2019-01-07 10:58:55 · 3080 阅读 · 6 评论 -
15-CSS基础-浮动流
15-CSS基础-浮动流 浮动网页的布局方式什么是网页的布局方式? 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的 标准流(文档流/普通流)排版方式 其实浏览器默认的排版方式就是标准流的排版方式 在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版 垂直排版, 如果元素...转载 2019-01-07 10:58:15 · 2383 阅读 · 5 评论 -
14-CSS基础-盒模型
14-CSS基础-盒模型 盒模型边框属性什么边框? 边框就是环绕在标签宽度和高度周围的线条 边框属性的格式 连写(同时设置四条边) border: 边框的宽度 边框的样式 边框的颜色; 示例代码<style> .box{ width: 100px; height: 100px; ...转载 2019-01-07 10:57:43 · 1213 阅读 · 4 评论 -
13-CSS基础-背景和精灵图
13-CSS基础-背景和精灵图 背景相关属性背景颜色如何设置标签的背景颜色? 在CSS中可以通过background-color:属性设置标签的背景颜色 取值: 具体单词 rgb rgba 十六进制 格式:<style> div{ width: 100px; height: 50px; ...转载 2019-01-07 10:57:05 · 389 阅读 · 0 评论 -
12-CSS基础-CSS显示模式
12-CSS基础-CSS显示模式 Div和Span标签什么是div? 作用: 一般用于配合css完成网页的基本布局<style> .header{ width: 980px; height: 100px; background: red; margi...转载 2019-01-04 12:13:51 · 109 阅读 · 0 评论 -
11-CSS基础-CSS三大特性
11-CSS基础-CSS三大特性 CSS三大特性继承性什么是继承性? 作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性 示例代码: <style> div{ color: red; }</style><div> <ul>...转载 2019-01-04 12:13:18 · 91 阅读 · 0 评论 -
10-CSS基础-CSS选择器
10-CSS基础-CSS选择器 CSS选择器标签选择器什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性 格式:标签名称{ 属性:值;}注意点: 标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签 标签选择器无论标签藏得多深都能选中 id选择器什么是id选择器? 作用: 根据...转载 2019-01-04 12:12:46 · 116 阅读 · 1 评论 -
09-CSS基础-CSS常见属性
09-CSS基础-CSS常见属性 CSS常见属性(CSS一般是用来描述标签名称和属性名称,属性名称就是改变样式,标签名称就是以后要学习的选择器)文字属性font-style作用: 规定文字样式 格式: font-style: italic; 取值: normal : 正常的, 默认就是正常的 italic : 倾斜的 快捷键: fs font-style: ...转载 2019-01-04 12:12:15 · 152 阅读 · 0 评论 -
08-CSS基础-体验CSS
08-CSS基础-体验CSSCSS起源web的衰落: 在web早期(1990-1993),html是一个很局限的语言。几乎完全由用于描述段落,超链接,列表和标题的结构化元素组成。随着万维网的出现(用户交互体验的加强),对html的要求越来越大,人们迫切需要html增加新的元素,去完成一个特定的功能 迫于压力,html开始出现<font>,<i> , <s&...转载 2019-01-04 12:11:41 · 93 阅读 · 0 评论 -
06HTML基础--多媒体标签
06HTML基础--多媒体标签 video标签作用: 播放视频 格式1:<video src=""></video>video标签的属性 src: 告诉video标签需要播放的视频地址 autoplay: 告诉video标签是否需要自动播放视频 controls: 告诉video标签是否需要显示控制条 o poster: 告...转载 2019-01-04 12:11:05 · 185 阅读 · 0 评论 -
05HTML基础--表单标签
05HTML基础--表单标签 表单标签作用: 用于收集用户信息, 让用户填写、选择相关信息 格式:<form> 所有的表单内容,都要写在form标签里面(也叫做表单元素)</form>注意事项: 所有的表单内容,都要写在form标签里面 form标签中有两个比较重要的属性action和method, 但就现目前大家的知识储备而言暂时...转载 2019-01-04 12:10:03 · 141 阅读 · 0 评论 -
04HTML基础--表格标签
04HTML基础--表格标签 表格标签在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 http://2004.sina.com.cn 作用:以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 格式: table定义表格 tr定义行 td定义单元格 &...转载 2019-01-04 12:09:25 · 135 阅读 · 0 评论 -
03HTML基础--列表标签
03HTML基础--列表标签 列表标签无序列表(unordered list)作用: 给一堆内容添加无序列表语义(一个没有先后顺序整体), 列表中的条目是不分先后 格式: li 英文是 list item, 翻译为列表项 格式:<ul><li></li><li></li><li></...转载 2019-01-04 12:08:43 · 107 阅读 · 0 评论 -
02HTML基础--基础标签
02HTML基础--基础标签 开发工具(工欲善其事必先利其器)为了让大家更快的融入到编程的世界中, 不被繁琐的英语单词所困扰, 不用每天编写很多没有意义的重复代码, 提升大家的开发效率今后的课程中我们统一采用最高级高发工具来编写网页常见的前端开发工具记事本: 提示功能较差 editplus/nodepad++: 提示功能较差 Dreamwaver: 更偏向设...转载 2019-01-04 12:07:48 · 141 阅读 · 0 评论 -
17-CSS基础-定位
17-CSS基础-定位 定位相对定位什么是相对定位? 对定位就是相对于自己以前在标准流中的位置来移动 格式: position: relative; 示例程序<style> *{ margin: 0; padding: 0; } div{ ...转载 2019-01-07 11:00:31 · 839 阅读 · 4 评论