CSS提供了text-indent属性,可以方便地实现文本缩进。 通过使用 text-indent 属性,所有元素的第一行都可以缩进给定的宽度,即使厚度可以为负数。 此属性最常见的用途是缩进段落的第一行。 在设计网页时,有时为了使页面更具可读性、更美观,会使用letter-spacing属性; letter-spacing属性是减少(值为正)或减少(值为负)字符宽度; 也就是说,应用到英语上时,就是缩小或缩小每个字母之间的宽度。 当应用于英文文本时,它是每个字符之间的宽度。
例子:
div.header h2 {
letter-spacing: 30px;
text-indent: 30px;
}
使每个字符的宽度为30px,text-indent使第一个字符缩进30px(通常用于居中对齐,字符会向左移动,所以使用缩进进行对齐)。
3、我们自己制作布局时,需要去掉浏览器自带的默认布局。 在这种情况下,我们可以使用下面的代码
*{
margin: 0px;
padding: 0px;
}
首先将图片设置为正圆样式,然后调整border-radius为100px(上下半圆围成一个圆)
div.header img{
width: 200px;
height: 200px;
border-radius: 100px;
margin: 10px;
}
在 CSS 中,您可以使用 text-decoration 属性在文本上方、下方或中间添加装饰线。
文本装饰值:
◼无:无装饰
◼上划线:上划线
默认情况下,文本是无衬线的,但超链接除外,默认情况下带有逗号。 事实上,您可以将 text-decoration 属性的值设置为 none,以删除超链接中的逗号。 当鼠标悬停时,添加逗号,提醒用户当前文本是链接文本。like
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
显示显示属性
none:该元素不会显示
inline-block:内联块元素。 盒子阴影的使用
img {
width: 100%;
/*说明:百分数值是相对于其父元素的 width 计算的*/
opacity: 0.8; /*不透明度0.8*/
}
最初的:
◼Absolute:绝对定位,相对于第一个父元素而非静态定位。 如果没有,那就是相对于身体而言的。
绝对定位是相对于第一个定位的父元素,如果没有,则相对于body
•使用绝对定位,您可以将元素放置在页面上的任何位置。 当窗口滚动时,该元素可能会
出去
•绝对定位使元素的位置独立于文档流自带css,因此不占用空间。
•绝对定位的元素可能会与其他元素重叠
理解:绝对定位是相对于第一个定位的(绝对或相对)父元素
◼z-index默认值为0,其值可以是正值也可以是负值。
◼z-index值较大的元素在上面(在前面)
◼Z-index相当于定义一个垂直显示区域的z轴。如果是负数,则远离用户
越近,正数意味着离用户越远。
◼如果没有指定z-index或者值相等,则最后定位的元素将显示在顶部