单行文本
单行文本溢出显示省略号必须满足三个条件:
white-space:nowrap; 强制一行内显示文本
overflow:hidden; 超出的部分隐藏
text-overflow:ellipsis 文字用省略号代替超出的部分
<!DOCTYPE html>
<html lang="en">
<head>……继续阅读 »
9个月前 (08-27) 572浏览 0评论
2赞
定义:用于设置一个元素的垂直对齐方式,只针对行内元素或者行内块元素。
baseline 默认,元素放置在父元素的基线上
top 把元素的顶端与行中最高元素的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低的元素的顶部对齐
<!DOCTYPE html>
<html lang="en">……继续阅读 »
9个月前 (08-27) 552浏览 0评论
0赞
轮廓线:
给表单添加outline:0 或者outline:none 就可以去掉默认的蓝色边框
防止拖拽文本域:
textarea{resize:none;)
鼠标样式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">……继续阅读 »
9个月前 (08-27) 565浏览 0评论
0赞
本质:让一个元素在页面中隐藏或者显示出来。
display 显示隐藏
visibility 显示隐藏
overflow 溢出显示隐藏
display 属性
none 隐藏对象
block 除了转换为块级元素之外,同时还有显示元素的意思
display 隐藏元素后,不再占有原来的位置
visibility
隐藏后继续占有原来位置
测试
<……继续阅读 »
9个月前 (08-27) 574浏览 0评论
0赞
定位导读
通过position属性来设置,其值可以分四个:
static 静态定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
定位=定位模式+边偏移
静态定位(不常用)
静态定位按照标准流特性摆放位置,它没有边偏移。
相对定位
相对定位是元素在移动位置的时候,是相对于它原来的位置来说的。原来在标准流的位置继续占有,……继续阅读 »
9个月前 (08-23) 597浏览 0评论
1赞
说到浮动,先来看下传统网页布局的三种方式
普通流(标准流/文档流)
浮动
定位
标准流:标签按照规定默认方式排列,也是最基本的布局方式,比如这篇文章以前写的所有文章的案例都是标准流。
浮动定义
定义:float属性用于创建浮动框,将其移动到一边,直到左边缘或右边缘触及包含块或另一个浮动框的边缘。
语法:
选择器{ float: 属性值;}
属性值:
n……继续阅读 »
9个月前 (08-11) 810浏览 1评论
1赞