2021年12月25日
css关系选择器
摘要： 1.包含选择器 （A B） 选择所有被A元素包含的B元素，中间用空格隔开 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edg 阅读全文
posted @ 2021-12-25 21:54 Lhaoyu 阅读(118) 评论(0) 推荐(0) 编辑
弹性布局
摘要： 弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。 即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。让一个盒子具有 弹性布局的属性，要先给其加上样式display:flex。 使用弹性盒子前一个大盒子中多个盒子排列效果如下： 使用弹性布局后，效 阅读全文
posted @ 2021-12-25 21:31 Lhaoyu 阅读(53) 评论(0) 推荐(0) 编辑
html页面交互元素
摘要： 1.details元素和summary元素 details元素用于描述文档或文档某个部分的细节。summary元素用于和details元素配合使用， 作为details元素的第一个子元素，用于为details定义标题。标题可见，点击标题，会显示或 隐藏details中的其他内容。 以上是通过deta 阅读全文
posted @ 2021-12-25 14:30 Lhaoyu 阅读(227) 评论(0) 推荐(0) 编辑
2021年12月24日
表单（二）
摘要： 1.textarea元素 textarea元素的作用与input控件的type属性值为text时相似，但前者为多行文本输入框，后者为单行 文本输入框。基本语法如下： <textarea cols=“每行中的字符数” rows=“显示的行数”>内容</textarea> 并且在textarea元素中， 阅读全文
posted @ 2021-12-24 15:05 Lhaoyu 阅读(33) 评论(0) 推荐(0) 编辑
2021年12月21日
利用dom操作html元素方式
摘要： 1.利用document对象的方法document.getElementById() ：返回对拥有指定id的第一个对象的引用 document.getElementByName() ：返回带有指定名称的对象集合 document.getElementByTagName() ：返回对带有指定标签名的对 阅读全文
posted @ 2021-12-21 11:01 Lhaoyu 阅读(368) 评论(1) 推荐(0) 编辑
表单
摘要： 表单创建 表单基本语法： <form action="url地址" method="提交方式" name="表单名称"> 各种表单控件</form><form></form>标记被用于定义表单域，即创建一个表单，以实现用户信息的收集与传递，<form></form>中的所有内容会被提交给服务器。 < 阅读全文
posted @ 2021-12-21 11:00 Lhaoyu 阅读(110) 评论(1) 推荐(1) 编辑
元素浮动
摘要： 元素浮动在css中是非常重要的属性，在布局排版当中起到很重要的作用，例如没有浮动效果的排版 如下图所示： 而使用浮动属性后的排版如下图所示： 在css中通过float属性来定义浮动，设置浮动的元素会脱离标准文档流的控制，且移动到其父级元素中指定位置 ，基本语法如下： 选择器名称{float：属性值} 阅读全文
posted @ 2021-12-21 10:59 Lhaoyu 阅读(120) 评论(0) 推荐(1) 编辑
2D转换
摘要： 在css中的2D效果分别是平移、缩放、倾斜和旋转。而达到2D效果离不开的就是 transform属性。transform属性基本语法如下： transform：none | transform-function； 1.平移 通过transform属性中的translate方法，定义X轴Y轴坐标。基本 阅读全文
posted @ 2021-12-21 10:59 Lhaoyu 阅读(46) 评论(0) 推荐(1) 编辑
2021年11月16日
css渐变属性
摘要： 渐变属性是实现渐变效果的重要方式，其中包括线性渐变、径向渐变和重复渐变。 线性渐变：在线性渐变过程中，起始颜色会沿着一条直线按顺序过渡到结束颜色。 基本语法为 bacground-image：linear-gradient（渐变角度，起始颜色，结束颜色）。 此效果是通过线性渐变属性实现的，按照30度 阅读全文
posted @ 2021-11-16 16:06 Lhaoyu 阅读(990) 评论(0) 推荐(1) 编辑
2021年11月14日
元素的定位
摘要： 元素的定位属性： 在css中，定义元素的定位模式用的是position属性，在position属性中的属性值有四个，分别是 static（静态定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）。 relative：相对于其原文档流的位置进行定位。 absolu 阅读全文
posted @ 2021-11-14 19:15 Lhaoyu 阅读(350) 评论(0) 推荐(1) 编辑