样子2018的博客_CSS

CSS 之子级用float浮动而父级div没高度不能自适应高度

一、对父级设置固定高度二、加css clear解决父div不能自适应高度三、对父级样式加overflow样式

css

自适应高度

原创点赞0 阅读67 收藏0 评论0 16 天前

CSS 之定位（Positioning）

一、属性属性简介 position 检索对象的定位方式 z-index 检索或设置对象的层叠顺序 top 检索或设置对象与其最近一个定位的父对象顶部相关的位置 right 检索或设置对象与其最近一个定位的父对象右边相关的位置 bottom 检索或设置对象与其最近一个定位的父对象底边相关的位置 le

html

原创点赞0 阅读42 收藏0 评论0 2022-05-25

CSS 之弹性盒模型（Flexible-box）

一、属性 Properties属性Description简介 box-orient 设置或检索弹性盒模型对象的子元素的排列方式。 box-pack 设置或检索弹性盒模型对象的子元素的对齐方式。请参阅box-align兄弟属性 box-align 设置或检索弹性盒模型对象的子元素的对齐方式。请参阅bo

盒模型

html

原创点赞0 阅读36 收藏0 评论0 2022-05-25

CSS 之布局（Layout）

一、属性 Properties属性Description简介 display 设置或检索对象是否及如何显示 float 该属性的值指出了对象是否及如何浮动。请参阅clear属性 clear 该属性的值指出了不允许有浮动对象的边。请参阅float属性 visibility 设置或检索是否显示对象。与d

html

旋转角度

原创点赞0 阅读94 收藏0 评论0 2022-05-25

CSS 之外补白（Margin）

一、属性 Properties属性Description简介 margin 检索或设置对象四边的外延边距 margin-top 检索或设置对象顶边的外延边距 margin-right 检索或设置对象右边的外延边距 margin-bottom 检索或设置对象底边的外延边距 margin-left 检索

边距

html

原创点赞0 阅读25 收藏0 评论0 2022-05-25

CSS 之尺寸（Dimension）

一、属性 Properties属性Description简介 width 检索或设置对象的宽度 min-width 设置或检索对象的最小宽度 max-width 设置或检索对象的最大宽度 height 检索或设置对象的高度 min-height 设置或检索对象的最小高度 max-height 设置或

html

最小宽度

原创点赞0 阅读21 收藏0 评论0 2022-05-25

CSS 之内部白（Padding）

一、属性 Properties属性Description简介 padding 检索或设置对象四边的内部边距 padding-top 检索或设置对象顶边的内部边距 padding-right 检索或设置对象右边的内部边距 padding-bottom 检索或设置对象底边的内部边距 padding-le

边距

html

原创点赞0 阅读23 收藏0 评论0 2022-05-25

CSS 之边框（Border）

一、属性 Properties属性Description简介 border 复合属性。设置对象边框的特性 border-width 设置或检索对象边框宽度 border-style 设置或检索对象边框样式 border-color 设置或检索对象边框颜色 border-top 复合属性。设置对象顶边

圆角边框

html

背景图

原创点赞0 阅读102 收藏0 评论0 2022-05-25

CSS 之背景（Background）

一、属性 Properties属性Description简介 background 复合属性。设置或检索对象的背景特性 background-color 设置或检索对象的背景颜色 background-image 设置或检索对象的背景图像 background-repeat 设置或检索对象的背景图像

外裁剪

背景图

html

原创点赞0 阅读32 收藏0 评论0 2022-05-25

CSS 之颜色（Color）

一、属性 Properties属性Description简介 color 指定颜色。请参阅颜色值 opacity 检索或设置对象的不透明度。二、示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl

不透明度

html

颜色值

原创点赞0 阅读75 收藏0 评论0 2022-05-25

CSS 之字体（Font）

一、属性 Properties属性Description简介 font 复合属性。设置或检索对象中的文本特性 font-style 设置或检索对象中的字体样式 font-variant 设置或检索对象中的文本是否为小型的大写字母 font-weight 设置或检索对象中的文本字体的粗细 font-s

sed

html

原创点赞0 阅读39 收藏0 评论0 2022-05-25

CSS 之文本（Text）

一、属性 Properties属性Description简介 text-transform 检索或设置对象中的文本的大小写 white-space 设置或检索对象内空格的处理方式 tab-size 检索或设置对象中的制表符的长度 word-wrap 设置或检索当内容超过指定容器的边界时是否断行 wo

html

缩进

大小写

原创点赞0 阅读22 收藏0 评论0 2022-05-25

CSS 之列表（List）

一、属性 Properties属性Description简介 list-style 复合属性。设置列表项目相

ide

html

原创点赞0 阅读96 收藏0 评论0 2022-05-25

CSS 之字体装饰（Text Decoration）

一、属性 Properties属性Description简介 text-decoration 复合属性。检索或设置对象中的文本的装饰。 text-decoration-line 检索或设置对象中的文本装饰线条的位置。 text-decoration-color 检索或设置对象中的文本装饰线条的颜色。

html

下划线

原创点赞0 阅读56 收藏0 评论0 2022-05-25

CSS 之书写模式（Writing Modes）

一、属性 Properties属性Description简介 direction 检索或设置文本流的方向 unicode-bidi 用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用 writing-mode 设置或检索对象的内容块固有的书写方向二、示例 <!DOCTY

书写方向

html

ico

原创点赞0 阅读25 收藏0 评论0 2022-05-25

CSS 之媒体查询（Media Queries）

一、特性 Media Features媒体特性Value取值Accepts min/max接受min/maxDescription

输出设备

html

chrome

原创点赞0 阅读28 收藏0 评论0 2022-05-25

CSS 之表格（Table）

一、属性 Properties属性Description简介 table-layout 设置或检索表格的布局算法 border-collapse 设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开 border-spacing 设置或检索当表格边框独立时，行和单元格的边框在横向

html

ide

原创点赞0 阅读92 收藏0 评论0 2022-05-25

CSS 之内容（Content）

一、属性 Properties属性Description简介 content 用来和:after及:before伪元素一起使用，在对象前或后显示内容 counter-increment 设定当一个selector发生时计数器增加的值 counter-reset 将指定selector的计数器复位 q

html

伪元素

嵌套

原创点赞0 阅读33 收藏0 评论0 2022-05-25

CSS 之用户界面（User Interface）

一、属性 Properties属性Description简介 text-overflow 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出 outline 复合属性。设置或检索对象外的线条轮廓 outline-width 设置或检索对象外的线条轮廓的宽度 outline-style 设置

html

输入法

鼠标指针

原创点赞0 阅读53 收藏0 评论0 2022-05-25

CSS 之多列（Multi-column）

一、属性 Properties属性Description简介 columns 设置或检索对象的列数和每列的宽度。复合属性 column-width 设置或检索对象每列的宽度 column-count 设置或检索对象的列数 column-gap 设置或检索对象的列与列之间的间隙 column-rule

css

sed

html

原创点赞0 阅读42 收藏0 评论0 2022-05-25

CSS 之变换（Transform）

一、属性 Properties属性Description简介 transform 检索或设置对象的变换 transform-origin 检索或设置对象中的变换所参照的原点 transform取值： none：无转换 matrix(<number>,<number>,<number>,<number

2d

缩放

html

原创点赞0 阅读83 收藏0 评论0 2022-05-25

CSS 之过度（Transaction）

一、属性 Properties属性Description简介 transition 复合属性。检索或设置对象变换时的过渡效果 transition-property 检索或设置对象中的参与过渡的属性 transition-duration 检索或设置对象过渡的持续时间 transition-timi

背景色

html

过渡效果

原创点赞0 阅读180 收藏0 评论0 2022-05-25

CSS 之动画（Animation）

一、属性 Properties属性Description简介 animation 复合属性。检索或设置对象所应用的动画特效 animation-name 检索或设置对象所应用的动画名称 animation-duration 检索或设置对象动画的持续时间 animation-timing-functi

4s

html

css3

原创点赞0 阅读105 收藏0 评论0 2022-05-25

CSS 之打印（Printing）

一、属性 Properties属性Description简介 page 检索或指定显示对象容器时使用的页面类型。 page-break-before 检索或设置对象之前出现的页分割符。 page-break-after 检索或设置对象之后出现的页分割符。 page-break-inside 检索或设

html

ide

原创点赞0 阅读82 收藏0 评论0 2022-05-25

CSS 之元素选择符（Element）

一、选择符 Selectors选择符Name名称Description简介 * 通配选择符(Universal Selector) 所有元素对象。 E 类型选择符(Type Selector) 以文档语言对象类型作为选择符。 E#myid id选择符(ID Selector) 以唯一标识符id属性等

选择符

对象类型

标识符

原创点赞0 阅读57 收藏0 评论0 2022-05-25

CSS 之关系选择符（RelationShip）

一、选择符 Selectors选择符Name名称Description简介 E F 包含选择符(Descendant combinator) 选择所有被E元素包含的F元素。 E>F 子选择符(Child combinator) 选择所有作为E元素的子元素F。 E+F 相邻选择符(Adjacent s

选择符

原创点赞0 阅读53 收藏0 评论0 2022-05-25

CSS 之属性选择符（Attribute）

一、选择符 Selectors选择符Description简介 E[att] 选择具有att属性的E元素。 E[att="val"] 选择具有att属性且属性值等于val的E元素。 E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。 E[at

属性值

字符串

选择符

原创点赞0 阅读102 收藏0 评论0 2022-05-25

CSS 之伪类选择符（Pseudo-classes）

一、选择符 Selectors选择符Description简介 E:link 设置超链接a在未被访问前的样式。 E:visited 设置超

选择符

用户界面

超链接

原创点赞0 阅读39 收藏0 评论0 2022-05-25

CSS 之伪类对象选择符（Pseudo-element）

一、选择符 Selectors选择符Description简介 E:first-letter/E::first-letter 设置对象内的第一个字符的样式。 E:first-line/E::first-line 设置对象内的第一行的样式。 E:before/E::before 设置在对象前（依据对象

选择符

逻辑结构

原创点赞0 阅读12 收藏0 评论0 2022-05-25

CSS 之语法与规则（Rule）

一、规则 Name名称Description简介 !important 提升指定样式条目的应用优先权。 /*comment*/ CS

html

样式表

外部样式表

原创点赞0 阅读2 收藏0 评论0 2022-05-25

官方博客	意见反馈	了解我们	全部文章
在线客服	网站地图	热门标签

51CTO博客

样子的博客

CSS 之子级用float浮动而父级div没高度不能自适应高度

CSS 之定位（Positioning）

CSS 之弹性盒模型（Flexible-box）

CSS 之布局（Layout）

CSS 之外补白（Margin）

CSS 之尺寸（Dimension）

CSS 之内部白（Padding）

CSS 之边框（Border）

CSS 之背景（Background）

CSS 之颜色（Color）

CSS 之字体（Font）

CSS 之文本（Text）

CSS 之列表（List）

CSS 之字体装饰（Text Decoration）

CSS 之书写模式（Writing Modes）

CSS 之媒体查询（Media Queries）

CSS 之表格（Table）

CSS 之内容（Content）

CSS 之用户界面（User Interface）

CSS 之多列（Multi-column）

CSS 之变换（Transform）

CSS 之过度（Transaction）

CSS 之动画（Animation）

CSS 之打印（Printing）

CSS 之元素选择符（Element）

CSS 之关系选择符（RelationShip）

CSS 之属性选择符（Attribute）

CSS 之伪类选择符（Pseudo-classes）

CSS 之伪类对象选择符（Pseudo-element）

CSS 之语法与规则（Rule）