CSS常用样式属性（下）

outline
设置外边框,与border不同的是，outline设置的边框不占用空间，会自动浮起，text文本会有一个默认的border与outline边框

<body> <input/><style>input{border-top:none;border-right:none;border-left:none;outline: none;}</style>
</body>

**over-flow **
内容溢出

<p style="height: 60px; width: 200px; border: black 1px solid; overflow: auto; ">asdjgasdasjdvkasjghdvshuagduasgdasiugdbasugdbhusdbasyuhkdagsk反反复复烦烦烦烦烦烦烦烦烦烦烦烦烦烦烦反反复复烦烦烦烦烦烦烦烦烦烦烦烦烦烦烦顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶yudgasyudgasyuuyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</p>

英文超出宽度时，不会自动换行，所以存在横滚动条

visibility
元素是否可见

display：none会让元素隐藏，失去本来该占用的空间

而visibility会让元素不可见，但还是占用着本来该占用的空间

vertical-align
垂直居中

<span>Hello</span><img src="img/png-0709.png" />

现在是这样的

我们给文字垂直居中，需要在img标签中添加vertical-align属性，这样会拉高本文的基线

<span>Hello</span><img src="img/png-0709.png" style="vertical-align: middle;"/>

外边距合并

<div style="border: black 1px solid; margin-bottom: 100px;">123</div>
<div style="border: black 1px solid; margin-top: 100px;">456</div>

上下之间的外边距无法合并，取最大值，只有左右之间的外边距可以合并：

<b style="border: black 1px solid; margin-right: 100px;">123</b><i style="border: black 1px solid; margin-left: 100px;">456</i>

如图：

CSS常用样式属性（下）相关推荐

CSS常用样式属性有哪些？代码怎么写?
CSS常用样式属性有哪些?CSS样式属性有两种分别是局常用样式属性和文本常用样式属性,CSS的作用是美化HTML网页和控制页面布局,我们需要掌握这两种常用的样式属性来美化页面.一套教程,带你轻松掌握H ...
CSS常用样式属性锦集
以下快捷键针对webstorm,idea也可以用一.文字属性 1.文字样式属性格式:font-style: italic; 取值:normal:正常显示 italic:斜体快捷键: fs fon ...
（6）css常用样式属性--文字样式
一.color属性 1.1color属性的作用用来设置文字的颜色. 1.2颜色的表示法: 关键词表示:关键词就是颜色名,其实就是使用颜色的英文单词进行表示.例如red(红色),green(绿色),b ...
（8）css常用样式属性3
一.水平对齐 text-align 作用:设置文本水平方向的对齐. 在盒子中,不论文本是单行还是多行,都会对应方向对齐. 属性值:三个方向的单词. 示例: 二.文本修饰 text-decoration ...
CSS - 常用样式属性（字体、文本、背景相关、鼠标）
css样式lighter的意思,css常用的属性
CSS------属性值篇 display: none | block | inline(默认值) | inline-block(css2新增) | inherit none :此元素不会再显示 {注 ...
WEB前端-CSS-选择器常用样式/属性
CSS 层叠样式表 CSS(Cascading Style Sheets)是一种用来表现 HTML(标准通用标记语言)或者XML(标准通用标记语言的一个子集)等文件样式的计算机语言. 关于更详细的 C ...
CSS常用样式及示例
CSS常用样式及示例一.简介层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...
CSS基础——CSS字体样式属性【学习笔记】
CSS字体样式属性调试工具 font字体 CSS外观属性快捷操作emmet语法练习案例-体育页面 1.font字体 1.1 font-size:大小作用: font-size属性用于设置字号 p ...

CSS常用样式属性（下）

CSS常用样式属性（下）相关推荐

最新文章

热门文章