![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 811 阅读 · 0 评论 -
边距重叠与BFC
边距重叠边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合,它们的边界宽度是相邻边界宽度中的最大值。注意水平边界是不会重合的。边距重叠例子父子元素的边界重叠<style> .parent { background: #E7A1C5; ...原创 2019-05-30 14:27:06 · 134 阅读 · 0 评论 -
行内元素、块级元素和行内块级元素
HTML标签的类型分为三种:行内元素,行内块元素,块级元素而标签的属性是可以转换的display:inline: 转换为行内元素display:linline-block 转换为行内块元素display:block 转换为块级元素特性:行内元素:1.无法设置宽高2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间;box-sizing:border-bo...原创 2019-08-05 17:30:01 · 601 阅读 · 0 评论 -
让一个元素水平垂直居中的方法
行内子元素的垂直水平居中通过在父元素中设置text-align: center;,让子元素水平居中,然后通过line-height属性让子元素进行垂直居中。 <style> #parent{ background-color: #000; height: 400px; text-align...原创 2019-08-07 23:34:17 · 220 阅读 · 0 评论 -
实现两边定宽,中间自适应布局(三栏布局)的七种方法
浮动法 <style type="text/css"> html,body{ height: 100%; margin: 0; } div{ height: 100%; } .left{ backgr...原创 2019-08-09 05:49:02 · 250 阅读 · 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 · 153 阅读 · 0 评论 -
多媒体查询@media
定义使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。@media not|only mediatype and (expressions) { /* CSS代码写在这里 */}/* 示例 *//* only去掉效果一样 */@media only screen and (max-width:...原创 2019-08-27 01:34:35 · 1428 阅读 · 0 评论