CSS 第38页

CSS让子元素div的高度填满父容器的剩余空间的方法

1.使用浮动的方式效果图：代码如下：(注意，此时.content的高度是500px，即父元素的高度，但是浮动元素在 .content 上方，盖住了 .content，将 .nav背景样式改为 background-color: rgba...

background（背景）以前笔者在css盒模型以及如何计算盒子的宽度一文中提到过盒模型可以看成由元素外边距（margin）、元素边框（border）、元素内边距（padding）和元素内容（content） 4部分组成，不过这只是从...

1.实现上标（某个字符缩小在右上角） HTML中： <sup>上标</sup> 显示：css中： .font span{/* vertical-align属性用来设置元素的垂直对齐方式，text-top和super属...

css的文本属性 1.文本颜色 div{color: red;}这个颜色还可以用#开头的16进制 #ff0000(红色) / rgb(255,0,0)/rgb(100%,0%,0%); <html><head><...

在设置背景的类样式中设置filter: blur(模糊值),如:filter: blur(5px) /* 模糊背景图片 */#workShow .imgItem {width: 100%;height: 270px;position: re...

一、块元素常见的块元素有<h1>-<h6>、<div>、<ul>、<ol>、<li>等，其中<div>标签是常见的块元素。 <!DOCTYPE ht...

css浮动 float属性详解一、什么是浮动？浮动，顾名思义，就是漂浮的意思。指的是一个元素脱离文档流，悬浮在父元素之上的现象。二、如何产生浮动？给元素本身添加float属性 float值： left 元素向左浮动。 right 元素向右...

flex弹性布局定义： Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目容器默认存在两根轴：水平的主轴（ main axi...

@charset “utf-8”;.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.bord...

盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。 css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。换句话说，盒模型就如同一个房子，除了内部的...