![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML和CSS
文章平均质量分 81
HTML和CSS
Bil!
一个自学的IT菜鸟。
展开
-
深入解析Flex布局
Flex布局基本概念Flexbox能控制子元素的空间分配、对齐、视觉顺序。Flexbox能轻松对元素进行垂直水平排布。并且能实现响应式页面。通过对元素设置display: flex 或者 display: inline-flex,那么该元素变成flex container,并触发flex格式化上下文。该元素的子元素变为flex items。Flex Container的属性以下6个属性设置在容器上。flex-directionflex-wrapflex-flowjustify-conten原创 2022-05-10 23:14:55 · 333 阅读 · 0 评论 -
写css需要注意的地方
前言曾经何时,听到某人讲过。写静态页面就多试试一定可以试出来的,处理兼容性就多在几个其他浏览器上试试就好了(这样做适合新手)。正文我还真按照某人所说去这样写Css了。然后要实现这样一个效果:就写出这样的代码:body{ margin:0; background-color: orange; .content{ width: 750px; height: 280px; background-color: blue; &__footer1{原创 2021-08-01 22:20:01 · 164 阅读 · 0 评论 -
对HTML表格一些理解
1.表格相关标签:<table> 表格标签 <tr> 行标签 <td> 单元格标签<th> 表头单元格标签 <thead> 表格头部区域标签<tbody> 表格主体区域标签<caption> 表格的标题,位置要紧跟<table>标签之后2.表格的相关属性:align 规定表格相对周围元素的对齐方式border 规定表格单元是否拥有边框,默认为"",...原创 2020-06-15 08:27:46 · 208 阅读 · 0 评论 -
用html 和 css 写个简洁的登录框
前言:这是作业的一部分,写了挺久的。完成了html 和 css 的部分,因为用到了css3 兼容性可以不是这么好,还可以再改进。效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.原创 2020-06-15 17:54:05 · 548 阅读 · 0 评论 -
写CSS之前,你必须要知道的CSS规则
前言前几天在写动态网站时,用到了600多行的CSS,如果对CSS书写的不规范,到后面维护时,会十分混乱且耗时。有时,明明加了句CSS代码,可网站并没有出现预期的效果。这就需要了解下CSS规则。CSS书写顺序遵循以下顺序:1.布局定位属性:display / position / float / clear / visibility / overflow / flex2.自身属性:width / height / margin / padding / border / background3.文本原创 2020-09-06 19:12:21 · 269 阅读 · 0 评论 -
HTML表单总结
表单作用输入框,在浏览器上收集用户的信息。表单的所有标签<form> 、 <input> 、<button>、<textarea>、<select>、<option><form>标签有表单一定有<form>标签,表单的标签一定放到<form>内。<form> 和 表格的<table> 标签都是这样的。<form>属性:1.na..原创 2020-08-18 17:43:00 · 183 阅读 · 0 评论 -
HTML列表
列表的所有标签<ul> 、 <li> 、<ol> 、 <dl> 、 <dt> 、 <dd>无序列表和有序列表 <ol type="A"> <li>我是li</li> <li>我是li</li> <li>我是li</li> </ol> <ul typ.原创 2020-08-18 18:48:02 · 84 阅读 · 0 评论