摘要: 一,清除浮动1.3清除浮动的方法1,额外标签也称隔墙法是w3c推荐的做法2.父级添加overflow元素3.父级添加after元素4.父级添加双伪元素清除浮动之额外标签法(不常用)额外标签法也称为隔墙法额外标签法会在浮动元素末尾添加一个空的标签,例如<div style="clear:both">< 阅读全文
posted @ 2021-10-22 19:52 空城依旧か 阅读(214) 评论(0) 推荐(0)
摘要: 一,圆角边框(重点)border-radius属性用于设置元素的外边框圆角语法:border-radius:length;radius 半径‘(圆的半径)原理:(椭)园与边框的交集形成圆角效果。①参数值可以为数值或者百分比的形式。②如果是个正方形,想要设置为一个园,把数值修改为高度或者宽度的一半即可 阅读全文
posted @ 2021-10-21 21:34 空城依旧か 阅读(224) 评论(0) 推荐(0)
摘要: 一,CSS的三大特性分别是层叠性 继承性 优先级1 层叠性相同选择器给设置相同的样式,此时一个样式就好覆盖(层叠)另一个冲突样式。层叠性注意解决样式冲突的问题。。层叠性原则:①样式冲突,遵循的原则就是就近原则,那个样式离结构近,就执行那个样式。②样式不冲突,不会层叠。2 继承性CSS中的继承,子标签 阅读全文
posted @ 2021-10-20 22:37 空城依旧か 阅读(105) 评论(0) 推荐(0)
摘要: 一,emmet语法。Emmt语法:前身是zen coding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法。1快速生成HTML结构语法①生成标签,直接输入标签名按tab键即可,比如div然后tab键,就可以生成<div></div>②如果想要生成多个相同标签,加上*就 阅读全文
posted @ 2021-10-19 19:30 空城依旧か 阅读(119) 评论(0) 推荐(0)
摘要: 一,CSS简介 1.CSS简介CSS的主要使用场景:美化网页,布局页面1.1HTML的局限性HTML只关注内容的语义HTML可以做简单的样式,但非常繁琐。1.2CSS-网页美容师CSS是层叠样式表的简称CSS是一种标记语言CSS主要设置HTML页面中的文本内容(字体,大小,对齐方式等),图片的外形( 阅读全文
posted @ 2021-10-18 19:26 空城依旧か 阅读(64) 评论(0) 推荐(0)
摘要: 一,表格标签表格是实际开发中非常常用的标签。1表格的主要作用1.1表格用来显示,展示主要数据。不是用来布局页面的,而是用来展示数据的。1.2表格的基本语法<table> <tr> <td>单元格内的文字</td> ... </tr> ....</table> ①<table> </table> 是用 阅读全文
posted @ 2021-10-17 20:51 空城依旧か 阅读(238) 评论(0) 推荐(0)
摘要: 标题标签<h1>-<h6><h1>我是一级标题</h1> (h为head的缩写意味头部,标题)标签语义:作为标题使用,并且依据重要性递减。特点:1.加了标题的文字会变的加粗,字母也会依次变大。2.一个标题独占一行。 段落标签<p>我是一个段落标签</p>标签语义:可以把HTML文档分割为若干段落。特 阅读全文
posted @ 2021-10-17 08:43 空城依旧か 阅读(45) 评论(0) 推荐(0)