随笔分类 -  H5+CSS

上一页 1 2
表单
摘要：表单的目的是为了跟用户进行交互，收集用户资料 在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。 表单控件： 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息： 一个表单中通常还需要包含一些说明性的文字，提示用户 阅读全文
posted @ 2020-10-13 13:39 清出于兰 阅读(1034) 评论(0) 推荐(0)
表格标签的使用
摘要：在HTML网页中，要想创建表格，就需要使用表格相关的标签。 表格包含三对HTML标签，分别为 <table></table>、<tr></tr>、<td></td>，他们是创建表格的基本标签，缺一不可 1.table用于定义一个表格。 2.tr 用于定义表格中的一行，必须嵌套在 table标签中，在 阅读全文
posted @ 2020-10-13 13:38 清出于兰 阅读(456) 评论(0) 推荐(0)
HTML5标签2
摘要：表格 table(会使用) 表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr> ...</tab 阅读全文
posted @ 2020-10-13 13:37 清出于兰 阅读(163) 评论(0) 推荐(0)
HTML标签
摘要：HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 HTML骨架格式 <HTML><head><title></title></head><body></body></HTML> 1 阅读全文
posted @ 2020-10-13 13:35 清出于兰 阅读(336) 评论(0) 推荐(0)
外边距
摘要：外边距可让块级盒子水平居中，但需满足两个条件： 1、盒子必须指定宽度（width） 2、盒子左右外边距都设置为auto。 需注意： 1、使用margin定义块元素的垂直外边距时，可能会出现外边距合并 2、嵌套块元素设置垂直外边距时父元素会跟子元素一起塌陷，即父元素外边距会取最大值。 解决方案：1、为 阅读全文
posted @ 2020-10-13 13:33 清出于兰 阅读(212) 评论(0) 推荐(0)
h5css产品模块设计
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>产品模块</tit 阅读全文
posted @ 2020-10-13 13:32 清出于兰 阅读(220) 评论(0) 推荐(0)
CSS高级技巧
摘要：CSS高级技巧 CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cu 阅读全文
posted @ 2020-08-20 09:44 清出于兰 阅读(107) 评论(0) 推荐(0)
CSS高级技巧
摘要：CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 鼠标样式cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 cursor : d 阅读全文
posted @ 2020-08-19 23:39 清出于兰 阅读(99) 评论(0) 推荐(0)
动画的基本使用
摘要：一、制作动画分为两步: 1.先定义动画 2.再使用(调用)动画i 1.用keyframes定义动画(类似定义类选择器) @keyframes动画名称{ 0%{ width: 100px; 100%{ width: 200px; } 动画的基本使用 二、动画序列 ●0% 是动画的开始, 100%是动画 阅读全文
posted @ 2020-08-18 23:46 清出于兰 阅读(181) 评论(0) 推荐(0)
2D转换总结
摘要：转换transform我们简单理解就是变形有2D和3D之分 ● 我们暂且学了三个分别是位移旋转和缩放 ● 2D移动translate(x, y)最大的优势是不影响其他盒子 ，里面参数用% .是相对于自身宽 可以分开写比如translateX(x)和translateY(y) 2D旋转rotate(度 阅读全文
posted @ 2020-08-18 23:44 清出于兰 阅读(136) 评论(0) 推荐(0)
2D变形(CSS3)
摘要：transform是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、倾斜、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。 变形转换 transform transform 变换 变形的意思 《 transformers 变形金刚》 阅读全文
posted @ 2020-08-18 00:03 清出于兰 阅读(122) 评论(0) 推荐(0)

上一页 1 2