html+css常用知识点整理

html-css022

html+css常用知识点整理,第1张

特点:自动成一行,宽度为100%,可设置宽高。

常用块级元素:

常用行内元素:

class="定义样式名称"

id="定义样式名称"

href="超链接地址"

name="用锚定义一个标签",通过href链接跳到指定的标签

src="图片的地址"

title="鼠标移上去显示的提示文字"

alt="当图片不显示时,显示的文字"

sytle="书写css样式"

type="定义input类型"

指元素的外边距、边框、内边距,内容大小

文本对齐

float元素对齐/* */

html和css的元素、属性、样式有很多,这里这里只罗列了一些经常用到的知识点,更详细的可以查看参考文档。

html+css在图片上添加文字有两种方法如下:

1.添加一个DIV,采用绝对定位,图片所属DIV为基准

<div style="position:relativewidth:100pxheight:100px">

<img src="" alt="" />

<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">

文字

</div>

</div>

第二种方法:图片作为背景图片

<div style="background:url(abc.jpg) no-repeat left top">

wenzi

</div>

背景图片现在有了,然后在上面写上你需要写的字就可以了。