HTML和CSS课程 今日大纲 ● 了解Java    Web开发 ● HTML常用标签 ● CSS的使用 ************************************************************************************************* 1.    了解Java Web开发 1.1    C/S 和 B/S程序的区别 1.C/S(Client----Server)程序就是在PC机上需要安装或者绿色版的程序. QQ.WOW.LOL.…

小奶狗给小喵咪上CSS课程 小奶狗,你好啊? 小喵咪你好~ 听说学习HTML,要学习CSS是吗? 是的,小甜心~ 那么CSS是什么呢? CSS是Cascading Style Sheet英文的缩写,中文中的意思是层叠样式表,是用来控制网页的样式的,是一种可以与网页结构分离的一种标记型语言哦~ 噢,那简单说就是CSS可以让HTML网页设计变得美化? 嗯,没错,css可以使得字体,颜色,背景等呈现不同的样式~ 那小宝贝可以讲讲css发展历史吗,我想知道? 嗯,ccs的出现是为了满足网页设计的需求,也…

https://www.imooc.com/t/197450float float的设计初衷/原本作用-是为了实现文字环绕效果如,一个图片和一段文字垂直放置,给图片加上浮动,文字就环绕图片展示了. 浮动的包裹与破坏 包裹 收缩 坚挺 隔绝 - BFC 具有包裹的其他属性:(是不是可以生成块级上下文的其他属性?) display: inline-block.table-cell... position: absolute(近亲).fixed.sticky overflow: hidden.scro…

范仁义html+css课程---11.html补充知识 一.总结 一句话总结: 小于号(<):< 大于号(>):> 空格:  二.html 字符实体 1.小于号(<)和大于号(>) 在 HTML 中,某些字符是预留的. 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签. 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities) 小于号(<)(less than):…

范仁义html+css课程---10.其它标签 一.总结 一句话总结: 了解iframe.Figure与Figcaption.address.progress.meter.datalist.fieldset和legend标签的作用即可,遇到这些标签有疑问就百度 1.iframe标签的作用? 在网页中嵌入网页 <iframe src="https://fanrenyi.com" width="400" height="400"><…

范仁义html+css课程---9.video.audio.canvas和svg元素略讲 一.总结 一句话总结: video:HTML5视频标签. audio:html5音频标签. canvas:绘制路径.矩形.圆形.字符以及添加图像. svg:可伸缩矢量图形 (Scalable Vector Graphics). 二.video.audio.canvas和svg元素 1.video video:HTML5视频标签 . 目前由于专利.商业竞争等原因各个浏览器对视频的支持格式各不相同,但是这个支持…

范仁义html+css课程---8.新元素布局 一.总结 一句话总结: 推荐用新标签(语义化的标签)来布局:header(头部),footer(尾部),aside(侧边栏),nav(导航),article(独立内容),section(区域) 1.article标签和section标签的区别? 1.article元素是独立完整的内容(强调内容独立性),section元素页面内容分块(强调内容关联性) 2.本质上都是带有语义的div块元素,分别可以看作<div id="section"…

范仁义html+css课程---7.表单 一.总结 一句话总结: 表单标签的话主要掌握form标签.input标签(以及input标签的不同的type值).select标签.textarea等标签,及这些标签对应的一些属性 1.form标签的常用属性? action:指定表单的发送地址(服务器地址) method:表单数据发送至服务器的方法,常用的有两种:get/post 2.form的get提交方式和post提交方式的区别? get方法提交:数据会附在网址之后主动提交给服务器 post方法提交…

范仁义html+css课程---6.表格 一.总结 一句话总结: 表格中最常用的元素就是table.tr.td.th,还有语义化的thead.tbody.tfoot标签 1.表格构成三个基本要素? table:表格的范围,外框:用来定义表格,表格的其他元素包含在table标签里面 tr: 表格的行 td:表格的单元格 2.表格中的th元素 和 caption 元素分别是做什么的? th:用来定义表格的标题单元格,要放在tr里面 caption元素:给表格添加标题,放在table元素中 3.tab…

范仁义html+css课程---5.列表 一.总结 一句话总结: 学会基本的使用有序列表.无序列表.定义列表,设置样式的话尽量通过css而不是属性 1.无序列表基本形式(实例)? ul标签包裹li标签:<ul> <li></li> </ul> <ul> <li>cpb粉底</li> <li>雪花秀气垫BB</li> <li>iope气垫BB</li> </ul>…