随笔分类 -  前端

摘要:本节重点: 弹性布局(弹性盒子) BFC布局/规范 CSS新属性,不包含边框和内边距 CSS3的拓展:普通盒模型,怪异盒子模型(IE) 在学习弹性布局前,我们学过Float 浮动 和 Position 定位,浮动会出现一些 ‘诡异’ 的事情,定位则用起来相对麻烦,弹性布局用起来就会很舒服。 1.弹性 阅读全文
posted @ 2023-12-01 16:44 学Java的`Bei 阅读(377) 评论(0) 推荐(0)
摘要:css transparent 是一种全透明属性。当用在一个元素覆盖另一个元素时,想显示下面的元素,就用到了transparent属性。 代码: div{ width: 0; height: 0; /* 边框底部 */ border-bottom: 100px solid black; /* 边框左 阅读全文
posted @ 2023-11-30 19:09 学Java的`Bei 阅读(343) 评论(0) 推荐(0)
摘要:link.css--连接外部样式表 1.文字样式: ①font-family:字体样式 ②font-style:文本的字体样式 属性:normal-正常 italic-斜体字样式显示 oblique-文字向一边倾斜(与italic类似,但不太支持) ③font-variant--以小型大写字体或正常 阅读全文
posted @ 2023-11-30 18:21 学Java的`Bei 阅读(162) 评论(0) 推荐(0)
摘要:更多CSS进阶: https://www.cnblogs.com/warmNest-llb/p/17866954.html 1.背景介绍 元素的背景属性: background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment:背景图像是否固定或者随着页面的其 阅读全文
posted @ 2023-11-30 17:39 学Java的`Bei 阅读(131) 评论(0) 推荐(0)
摘要:浏览器兼容性的原因,在这里推荐使用谷歌 1.语义介绍 每个HTML元素都有具体含义; 所有元素都与展示效果无关; 元素展示到页面的效果,应由CSS决定; 浏览器带有默认的CSS样式,所以每个元素都有默认样式; 选择什么元素取决于内容的含义,而不是显示出的效果。 类似分类。 通俗讲就是给标签赋予含义; 阅读全文
posted @ 2023-11-29 15:02 学Java的`Bei 阅读(34) 评论(0) 推荐(0)
摘要:浏览器兼容性的原因,在这里推荐使用谷歌 1.input 表单介绍: 用于与用户交互,收集信息。(收集不同类型的用户输入) 2.input 表单 组成: ①表单信息:提示用户操作(如何输入,怎样输入) ②表单控件:文本输入框、复选框、按钮 ③表单域:表单信息和表单控件都在域里。可定义、处理表单数据地址 阅读全文
posted @ 2023-11-29 13:02 学Java的`Bei 阅读(171) 评论(0) 推荐(0)
摘要:1.介绍 css定位属性允许对元素进行定位改变其在页面的位置。 css有三种基本定位机制:普通流、浮动和绝对定位。 普通流的元素的位置由元素在html中的位置决定。 2.定位属性 设置偏移量:left、right、top、bottom(左、右、上、下) 3.定位方式 ①静态定位(static):(很 阅读全文
posted @ 2023-11-27 14:37 学Java的`Bei 阅读(16) 评论(0) 推荐(0)