HTML
关注
分享
扫一扫
瓜冬瓜
我想找份实习，额啊~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML、CSS、JS对unicode编码字符的规则
HTML、CSS、JS对unicode编码字符的规则 HTML、CSS和JS对unicode编码字符的规则是不同的，下面通过一个例子来说明有什么不同 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>例子</title> <scri...原创 2019-04-07 15:32:21 · 947 阅读 · 0 评论 -
边距重叠与BFC
边距重叠 边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合，它们的边界宽度是相邻边界宽度中的最大值。 注意水平边界是不会重合的。 边距重叠例子 父子元素的边界重叠 <style> .parent { background: #E7A1C5; ...原创 2019-05-30 14:27:06 · 197 阅读 · 0 评论 -
行内元素、块级元素和行内块级元素
HTML标签的类型分为三种:行内元素,行内块元素,块级元素 而标签的属性是可以转换的 display:inline: 转换为行内元素 display:linline-block 转换为行内块元素 display:block 转换为块级元素 特性: 行内元素: 1.无法设置宽高 2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间; box-sizing:border-bo...原创 2019-08-05 17:30:01 · 642 阅读 · 0 评论 -
让一个元素水平垂直居中的方法
行内子元素的垂直水平居中 通过在父元素中设置text-align: center;，让子元素水平居中，然后通过line-height属性让子元素进行垂直居中。 <style> #parent{ background-color: #000; height: 400px; text-align...原创 2019-08-07 23:34:17 · 308 阅读 · 0 评论 -
实现两边定宽，中间自适应布局（三栏布局）的七种方法
浮动法 <style type="text/css"> html,body{ height: 100%; margin: 0; } div{ height: 100%; } .left{ backgr...原创 2019-08-09 05:49:02 · 314 阅读 · 0 评论 -
页面导入样式时，使用link和@import有什么区别？
用法区别： <!-- link用法 --> <head> <link rel="stylesheet" href=""> </head> <!-- @import用法一 --> <head> <style type="text/css"> @import url(); </style> &l...原创 2019-08-26 15:54:04 · 194 阅读 · 0 评论 -
多媒体查询@media
定义 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 @media not|only mediatype and (expressions) { /* CSS代码写在这里 */ } /* 示例 */ /* only去掉效果一样 */ @media only screen and (max-width:...原创 2019-08-27 01:34:35 · 1496 阅读 · 0 评论