抱歉，您的浏览器无法访问本站
本页面需要浏览器支持（启用）JavaScript
了解详情 >

一个典型的HTML表格12345678910111213141516171819202122232425262728293031323334353637383940414243<table> <caption> A summary of the UK's most famous punk bands </caption> <th...
CSS

替换元素图像和视频又称替换元素。CSS不能影响它们的内部布局，只能影响它们在页面上相对于其他元素的位置。 某些替换元素也有宽高比。这意味着它在x和y方向上具有大小，并且默认情况下将使用文件的固有尺寸进行显示 调整图像大小CSS中万物皆盒，如果把一张图片放在一个盒子里，而这张图片的原始长宽比盒子的小或大，那么图片要么缩在盒子里，要么从盒子溢出。 1234567891011121314<d...
CSS

溢出CSS中万物皆盒，因此我们可以通过width和height（或者inline-size和block-size）赋值的方式来约束盒子的尺寸。溢出就是往盒子里面塞太多东西的时候发生的，所以盒子里面的东西也不会老老实实的待着。 overflow属性overflow属性是控制一个元素溢出的方式，它告诉浏览器想怎么样处理溢出。 overflow默认值是visible，这就是内容溢出的时候，在默认情...
CSS

CSS的背景样式backgroud属性是被背景属性的简写表示。 1234567891011.box { backgroud: linear-gradient( 105deg, rgba(255,255,255,0.2) 39%, rgba(51,56,57,1) 96% ) ...
CSS

固有尺寸在受CSS设置影响之前，HTML元素有其原始的尺寸。一个直观的例子就是图像，图像的长宽由这个图像文件自身确定，这个尺寸就是固有尺寸。如果将图片放置在网页中的时候没有在标签或CSS中设置其尺寸，那么将使用其固有尺寸显示。 1234567<img src="star.png" alt="star"/><style>img &...
CSS

数字、长度和百分比 数值类型 描述 <integer> 一个整数，如1024或-25 <number> 表示一个数，有可能有小数 <dimension> number的附加单位，如45deg，5s，10px <percentage> 表示其他值的一部分 长度绝对长度绝对长度与其他东西没有关系，总是相同的大小 cm：厘...
CSS

盒模型CSS中，所有的元素都被一个个的“盒子”包围，使用CSS实现精准布局、处理元素排列的关键是理解“盒子” 区块盒子与行内盒子外部显示类型blockblock外部显示类型的盒子会有以下行为： 盒子会产生换行 width和height属性可以发挥作用 外边距、内边距和边框会将其他元素从当前盒子周围“推开” 如果未指定 width ，方框将沿行向扩展，以填充其容器中的可用空间。大多数情况下，...
CSS

优先级浏览器根据优先级来选择样式，具体的选择器优先级高于模糊的选择器 12345678910111213<h1 class="main-heading">这是我的标题。</h1><style>/* 实际生效的样式 */.main-heading { color: red;}h1 { color:...
CSS

继承继承概念子元素继承父元素的一些CSS属性 1234567891011121314<body> <p>由于主题颜色被设置为蓝色，因此该颜色会被子元素继承。</p> <p>我们可以通过选择器定位元素来改变颜色，比如这个<span>内容跨越</span>元素。</p></body><...
CSS

概念选择器用来指定网页上我们想要样式化的HTML元素 种类1、元素选择器指向所有的HTML元素 123h1 {} 2、类选择器使用前提：为元素定义一个类 代码示例： 123.box {} 使用类选择器选择指向应用了一个类的特定元素。 1234567span.highlight{ backgroud-color: yellow}...
CSS

1 / 2