随笔分类 -  前端

前端的小知识
HTML字体属性、背景属性
摘要：1.字体颜色 color 2.字体大小 font-size 3.字体 font-family 注意：多个字体用逗号链接 先解析第一个字体吐过没有解析后面的依次类推 4.字体加粗 font-weight 取值：加粗 100-900 100细体 ligter 400正常 normal 700加粗 bol 阅读全文
posted @ 2022-03-12 14:55 学- 阅读(344) 评论(0) 推荐(0)
HTML将元素水平垂直居中常见方法
摘要：方法一：定位 效果： 方法二：定位 效果： 方法三：弹性盒 效果： 方法四： 将小div转换成行内块 在小div后，新增span标签，给小盒子设置vertical-align:middle dispaly:inline-block;; 给大盒子设置line-height为大盒子的高度 text-al 阅读全文
posted @ 2022-03-02 14:16 学- 阅读(279) 评论(0) 推荐(0)
什么是BFC？CSS中的BFC有什么作用？
摘要：什么是BFC（BlockFormattingContext） Formattingcontext(格式化上下文)是W3CCSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 而BlockFormattingConte 阅读全文
posted @ 2022-03-01 20:44 学- 阅读(87) 评论(0) 推荐(0)
HTML的css样式以及选择器
摘要：1.内部样式 2.外部样式 3.行内样式 4.样式优先级 !important>行内样式>内部样式>外部样式 5.标签选择器 直接选中标签添加样式 6.类选择器class <div class="类名"></div> 使用：.类名 7.id选择器 <div id="类名"></div> 使用:#类名 阅读全文
posted @ 2022-03-01 20:10 学- 阅读(172) 评论(0) 推荐(0)
HTML表格、表单
摘要：1.表格 table <table> <tr> <td></td> </tr> </table> 注意：创建表格table tr表示行 td表示单元格 ①width px 百分比(相对于父元素的) ②height 没有百分比 ③border 边框 bordercolor边框颜色 bgcolor背景颜 阅读全文
posted @ 2022-03-01 19:44 学- 阅读(101) 评论(0) 推荐(0)
HTML图片、超链接
摘要：1.img <!-- 语法：img --> <!-- 属性：src="图片路径" title="鼠标悬停显示文本" alt="图片加载失败提示信息" white="图片跨度" height="图片高度" --> 2.超链接a <a href="路径" title="鼠标悬停上去之后的提示信息" ta 阅读全文
posted @ 2022-03-01 19:26 学- 阅读(81) 评论(0) 推荐(0)
HTML列表
摘要：1.有序列表 <ol> <li></li> </ol> 1.li里面可以随意放标签，但是ol里面只能放li 2.数字自动生成 3.type:1,a,A,i,I; start:取值只能是一个数字 2.无序列表 <ul> <li></li> </ul> 1.ul只能放li，li里面可以放其他的标签 2. 阅读全文
posted @ 2022-03-01 19:23 学- 阅读(49) 评论(0) 推荐(0)
HTML基本语法
摘要：1.<常规标记>也叫双标记 <标记></标记> <标记 属性=“属性值” 属性=“属性值”></标记> 标记可教标签或元素 例如<head></head> 2.空标记也叫单标记 </标记> <标记 属性=“属性值” /> 例如：<br/> 3.特殊符号 阅读全文
posted @ 2022-03-01 19:16 学- 阅读(92) 评论(0) 推荐(0)
HTML常用标签
摘要：1.文本标题 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> （注意：文本标题标签自带加粗，有自己的字体大小，并且独占一行，有默认行间距） 2.段落标签（p） <p>段落文本内容< 阅读全文
posted @ 2022-03-01 19:07 学- 阅读(137) 评论(0) 推荐(0)