布局其实就是想办法怎样将一些元素横向的排列起来,纵向由于块级元素的存在会自动占据一行。 inline block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行,而且使用 inline block 元素排列没有清除浮动这样的问题。 但是,使用 inline block 布局两个元素之间会有 ...
分类:
Web程序 时间:
2020-01-04 10:52:04
阅读次数:
104
单纯给图片:vertical-align:middle 也可去掉图片下方间隙(常用) 标题标签里面常常嵌套a 标签 注意:1.省略号三步要给块级 2.行内元素不要与块级元素使用 eg(no):<p></p>,一般行内元素要包裹在块级内 <span></span> 3.a标签可以包裹img,但是a标签 ...
分类:
其他好文 时间:
2020-01-03 14:06:40
阅读次数:
50
display属性共有4个值:blcok:块级元素inline-block:行内块级元素inline:行内元素none:隐藏元素,不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等块级元素会默认占满父元素的宽度且独占一行<div><p>尽可能的占满父元素的宽度</p></div>2.行内元素常见的行内元素有span,im
分类:
Web程序 时间:
2020-01-03 00:44:04
阅读次数:
115
网络安全编程期末复习 第一章 绪论 计算机网络三要素 独立功能的计算机 外围设施(连接设备,传输介质) 网络协议 应用层 表示层 会话层 | 传输层 | 网络层 | 数据链路层 物理层 应用层 传输层 tcp udp 网络层 icmp igmp ip 链路层 arp rarp 第二章 网络层主要协议 ...
分类:
其他好文 时间:
2019-12-29 16:57:57
阅读次数:
96
水平居中 1.行内元素水平居中,外面的父级块元素设置样式text align:center; 效果图如下: 2.块级元素的水平居中 方法一:设置左右两边的margin为auto即可 效果图如下: 方法二:css3新属性fit content意思是宽度缩小到和内容一样宽配合margin:auto; 效 ...
分类:
Web程序 时间:
2019-12-25 13:16:53
阅读次数:
100
div水平居中 1.行内元素 .parent{ text align: center } 2.块级元素 .son{ margin: 0 auto ; } 3.flex布局 .parent{ display: flex; justify content: center } 4.绝对定位 定宽 .son ...
分类:
Web程序 时间:
2019-12-23 16:38:26
阅读次数:
91
《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有一条黑色的细线。如 ...
分类:
Web程序 时间:
2019-12-23 16:36:06
阅读次数:
159
元素居中的几种方法: ① 块级元素margin:0 auto; 针对嵌套的盒子元素,子元素在父元素中居中,只在水平方向上有效,浮动流排版中不可用 ② 内联元素text-align:center; 对块级元素设置此属性,使得盒子内的内联元素居中,一般包括文字/图片等 ③ 背景background-po ...
分类:
其他好文 时间:
2019-12-23 13:43:36
阅读次数:
98
块级元素水平和垂直方向居中的方法一共三种 1.先设置块级元素的宽高,然后利用定位和外边距将元素在水平和垂直方向上居中 示例: <style> .father{ width: 100%; height: 500px; position: relative; } .son{ width: 100px; ...
分类:
其他好文 时间:
2019-12-22 18:26:16
阅读次数:
79
1.将一个块级元素水平和垂直居中有几种方法?分别是什么? 四种方式: (1).要让div等块级元素水平和垂直居中,必需知道该div等块级元素的宽度和高度,然后设置位置为绝对位置,距离页面窗口左边框和上边框的距离设置为50%,这个50%就是指页面窗口的宽度和高度的50%,最后将该div等块级元素分别左 ...
分类:
Web程序 时间:
2019-12-22 16:31:53
阅读次数:
91