text-indent控制首行缩进,后加缩进长度,数值可正可负,单位可以是em,百分比,或者绝对单位。以数值2为例,取值可以是:
1. 2em 参见em,相对长度单位,为父元素文本字体尺寸的倍数。
2. 2% 相对父元素宽度的百分比。
3. 2 in 英寸
4. 2 cm 厘米
5. 2 px 像素
6. 2 pt 磅
<p style="text-indent: 2em">首行<br>第二行</p>
悬挂缩进:在这种段落格式中,段落的首行文本不加改变,而除首行以外的文本缩进一定的距离。 悬挂缩进常用于项目符号和编号列表。悬挂缩进是相对于首行缩进而言的。
当text-indent后取负值时,首行将向左缩进到页面外。这时可以通过添加padding值修正。
<p style="text-indent:-2em;padding:2em">首行<br>第二行</p>
首行以padding为起点开始缩进,-2em和2em相抵消,刚好让首行呈现出没有进行缩进的效果。
而从第二行开始,以padding为起点,虽然没有缩进,但在页面上如同缩进了2em。从而实现了悬挂缩进。
除了以上方法,还有特别简单粗暴的方法实现效果,就是哪里需要缩进就在哪里添加空格 ,但这是一种不提倡的伪缩进,可能带来其他问题。
今天校招笔试题要求
实现
一个首行首列固定,宽度自适应窗口变化,但窗口缩小到一定宽度不能再缩小,出现水平滚动条…
当时我写错了,我一时想不起改用什么办法首行首列固定,用绝对定位,父亲相对定位…这样会有很多问题要解决…
所以回来我学了一下,以前教程没学过这些属性,涨知识了哈哈…
先了解几个概念:
table-layout:
table-layout属性有两种特定值:
auto(预设值)-表格的总宽度决定每一个储存格(cell)的最大值
fixed – 表格的总宽度决定于表格width的定义,以及各栏位(column)width的定义, 没有定义宽度就平分表格宽度。
表格宽度通过表格的宽度来设置,某
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
下面的示意图为您展示了上面这段代码的结构:
2,
CSS
的引入方式
样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .
css
文件中。通过仅仅编辑一个简单的
关于背景设置背景的颜色,颜色可以用rgb,16进制 及纯色表示。
background-color:red;2.设置背景图片 ,url()中是背景图片的相对路径。对于背景图片可以X轴方向平铺,也可以Y轴方向平铺,默认情况下X轴方向和Y轴方向都会平铺,也可以设置不平铺。background-image:URL(images/phone.jpg);
background-repeat:repeat