HTML--Skr-Eric的编程课堂
专注HTML小白的编程课堂
Skr-Eric
文艺系程序猿一枚
展开
-
Skr-Eric的HTML课堂(八)——CSS的过渡效果和转换属性
过渡效果 1. 过渡指的是元素的CSS属性值发生变化时的一种平滑过渡效果 2. 语法 : 1. 属性 :transition 取值 :property duration timing-fuction delay; 注意 : 1. 属性简写时,四个属性值中,duration是必填项, 其他三个属性值可以省略 2. transition属性如果在伪类选择器中设置,元素 的过...原创 2019-11-28 16:38:18 · 157 阅读 · 0 评论 -
Skr-Eric的HTML课堂(七)——CSS的布局和元素显示效果和列表相关属性
1. CSS 布局方式 1. 布局 :设置元素在网页中的排列方式及显示效果 2. 分类 : 1. 标准流布局(文档流,普通流,静态流) 是默认的布局方式 特点 :将元素按照书写顺序及元素类型,从上至下, 从左至右排列 2. 浮动布局 1. 设置元素浮动 属性 :float 取值 :left / right / none(默认值) 2. 浮动元素的特点 : 1. 元素设...原创 2019-11-27 16:36:05 · 216 阅读 · 0 评论 -
Skr-Eric的HTML课堂(六)——HTML的盒模型和背景属性
盒模型 (框模型) 1. 在CSS中,认为一切元素都是框,都是矩形区域 盒模型 :计算元素在文档中的实际占位情况 盒模型组成 :margin (外边距) border padding(内边距) content(元素的宽高尺寸) 元素在文档中实际尺寸的计算 : 默认情况下 : 最终宽度=左右外边距+左右边框+左右内边距+width 最终高度=上下外边距+上下边框+上下内边距+heig...原创 2019-11-26 16:49:00 · 361 阅读 · 0 评论 -
Skr-Eric的HTML课堂(五)——HTML的尺寸单位与颜色取值和标签分类和尺寸与边框
尺寸单位与颜色取值 1. 尺寸单位 1. px : 像素单位,浏览器默认单位 2. % : 百分比,参照父元素对应属性的值计算 et: <div> <p></p> </div> -------- div{ width:200px; height:200px; } p{ width:50%; height:50%; }...原创 2019-11-22 17:40:22 · 449 阅读 · 0 评论 -
Skr-Eric的HTML课堂(四)——HTML的CSS介绍和CSS选择器
CSS 1. CSS介绍 CSS :Cascading Style Sheet 层叠样式表 作用 :实现网页布局,美化页面元素 2. CSS使用 在HTML文档中使用CSS,主要有三种方式 1. 行内样式/内联样式 特点 :在具体的HTML标签中引入CSS代码 语法 : 所有的HTML标签都具有一个style属性,属性值就可以 使用CSS样式规则 <标签 styl...原创 2019-11-21 16:16:32 · 223 阅读 · 0 评论 -
Skr-Eric的HTML课堂(三)——HTML的表格标签和表单
表格标签 1. 语法 : 1. 标签介绍: 表格标签 : <table></table> 行标签 :<tr></tr> (table row) 单元格标签 :<td></td> (table data) 2. 创建顺序 : 1. 创建表格标签 <table></table> 2. 表格...原创 2019-11-20 16:55:44 · 214 阅读 · 0 评论 -
Skr-Eric的HTML课堂(二)——HTML的列表标签和图片与超链接
列表标签 1. 列表 : 从上到下排列数据的结构 列表中的数据都带有项目符号 2. 语法 : 1. 列表分类 : 1. 无序列表 2. 有序列表 3. 定义列表 2. 列表组成 : 1. 无序列表 由列表标签与列表项标签组成 <ul> (unordered list) <li></li> (list item) </ul>...原创 2019-11-19 17:20:17 · 231 阅读 · 0 评论 -
Skr-Eric的HTML课堂(一)——HTML的介绍、基础语法、文档组成
1. Web 1. 什么是WEB Web就是网页,网页其实是基于B/S模式的应用程序 B/S : Browser / Server C/S : Client / Server 2. Web 的组成 浏览器 :代替用户向服务器发送请求 服务器 :接收用户请求并响应 通信协议 :规范数据传输及打包方式 3. 服务器 1. 作用 : 接收用户请求并响应 存储数据 具有安全性功能...原创 2019-11-15 17:52:20 · 147 阅读 · 0 评论