自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (1)
  • 收藏
  • 关注

原创 HTML图片标签详解

图片标签用于向当前页面中引入一个外部图片 img标签引入外来图片,img标签时一个字节数标签 img这种元素属于替换元素(基于块元素和行内元素之间,具有两种元素的特点) 显示的是外部引用的资源 资源替换了该标签在页面的显示 属性: src:指定外部图片的路径(路径规则和超链接一样的) 也可以复制其他网站的图片链接 alt 图片的描述,描述默认情况下不会显示,有些浏览器会在图片无法加载时显示

2022-06-30 07:00:00 1412

原创 HTML中的meta标签

meta用来设置一些网页的原数据 charset 指定网页字符集 name 指定的书数据的名称 content 指定的数据的内容 description 用于指定网站的描述 网站的描述显示在搜索引擎的搜索结果标题旁 keywords 表示网站的关键字 可以同时指定多个关键字,用于搜索引擎的搜索关键字 title标签的内容 为搜索结果的超链接的文字将页面重定向到另一个网站 3表示时间 后面为跳转的网站...

2022-06-30 07:00:00 149 1

原创 CSS浮动后的高度塌陷问题

高度塌陷: 在浮动的布局中,父元素的高度默认被子元素撑开 当子元素浮动后,会完全脱离文档流,子元素从文档流中脱离 将无法脱离父元素的高度,导致父元素的高度丢失 父元素高度丢失后,其下的元素会自动上移,导致页面的布局混乱 所以高度他先是浮动布局常见的问题,且必须进行处理高度塌陷解决办法 BFC(Block Formatting Context)块级格

2022-06-29 07:00:00 196

原创 CSS浮动简介

通过浮动可以使一个元素向其父元素的左侧或右侧移动 使用float属性来设置子元素的浮动 可选值: none 不浮动 left 元素向左浮动 right 元素向右浮动 注意,元素设置浮动以后,水平布局的等式不需要强制成立 元素设置浮动以后,会完全从文档中脱离 不再占用文档流的位

2022-06-26 07:00:00 55

原创 HTML\CSS网页的文档流

文档流(normal flow) -网页是一个多层的结构,一层摞着一层 -通过css可以分别为每一层来设置样式 -作为用户来讲只能看到最顶上一层 -这些最底下的一层成为文档流-网页的基础 我们所创建的元素默认都是在文档流中进行排列的 对于我们来说元素主要有两个状态 -在文档流中 -不在文档流中(脱离文档流) 元素在文档流中的特点 -块元素 -块

2022-06-25 07:00:00 69

原创 盒子模型外边距的折叠

垂直外边距的重叠 -相邻的垂直方向外边距会发生重叠现象 -兄弟元素 -兄弟元素间的相邻处置外边距会取两者之间的较大值 -两者都是正值取最大值 -特殊情况:如果相邻的外边距一正一负,取两者的和 两者都是负值,取绝对值较大的 兄弟元素之间的重叠对开发使有力的 所以我们不需要进行处理 -父子元素

2022-06-24 07:00:00 76

原创 css选择器的优先级

样式的冲突 -当不用的选择器,选中了相同的元素,并且为相同的样式设置了不同的值 此时就发生样式的冲突。 发生样式冲突时,应用哪个样式由选择器的优先级决定 选择器的优先级: 行内样式(行内样式) 1000 id选择器 100 类和伪类选择器 10 元素选择器 1 通配选择器 0 继承的样式 无优

2022-06-23 07:00:00 91

原创 盒子垂直分布布局

垂直分布作为CSS较为简单的布局在默认情况下父元素的高度是会被内容撑开的 子元素是在父元素的内容区排列的 如果子元素的大小超过了父元素 则子元素会从父元素中溢出 使用 overflow来设置父元素如何处理溢出的子元素 可选值: visible:默认值,子元素会在父元素中溢,在父元素外部显示 hidden:隐藏,溢出的内容将会被裁剪 svroll:生成两个滚动条 通过滚动条来查看完整内容 auto:根

2022-06-22 10:28:01 149

原创 HTML中的水平布局

元素的水平方向的布局: 元素在其父元素中水平方向的位置由以下几个属性共同决定 maigin-left border-left padding-left width padding-right border-right

2022-06-21 16:22:03 1419

css 浏览器默认样式清除

默认样式: -通常情况下,浏览器会给元素设置一些默认样式 -默认样式的存在会影响页面的布局 -通常情况下编写网页时需要去除浏览器的默认样式 重置样式表 :专门用来对浏览器的样式进行重置 reset:直接取消了浏览器的默认样式 normalize :对默认样式进行了统一 引用样式表: <link rel="stylesheet" href="">

2022-06-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除