html
zmj2051176726
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
文本类元素
带有inline即行级元素和行块级元素属于文本类元素,具有文本的属性,能被分隔符分割。 例一: <style> img{ width: 100px; height: 100px; } </style> <body> <img src="css2/image/pig.jpg"> <img src="...原创 2019-10-23 22:46:08 · 384 阅读 · 0 评论 -
行级元素、块级元素
元素分类 行间元素(inline):span, strong, em, a, del 块级元素(block):div, p, ul, ol, li, form, address 行块级元素(inline-block):img 1.行间元素:内容决定元素所在位置,不可以通过css改变宽高。 <style> .one{ width: 100px; h...原创 2019-10-23 01:00:15 · 250 阅读 · 0 评论 -
position属性
一.absolute定位 设置为绝对定位的元素框从文档流完全删除,元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。脱离原来位置进行定位即已经不属于这个层面了。 绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置 <style> .one{ ...原创 2019-10-17 21:58:32 · 403 阅读 · 0 评论 -
body标签自带margin值
由于一般浏览器都给body设置了8px的 margin值,因此如果我们不做单独的处理,那么他就会留存一个间隙。 块元素好多都有默认边距,因此我们需要消除他们以方便进行统一设置。 例如: <style> div{ width: 100px; height: 100px; background-color: red; ...原创 2019-10-17 19:08:56 · 3075 阅读 · 2 评论 -
文本样式
文本样式 text-align:水平对其方式,默认左对齐。left,center,right line-height:每行的高度。确定行高后,行里的文本自动垂直居中 text-indent:首行缩进,通常设为2em即缩进两个文本。1em=1*font-size text-decoration:none,underline(下划线),line-through(中间线即删除线) 1.例一 <st...原创 2019-10-17 18:59:30 · 162 阅读 · 0 评论 -
border标签用法
border标签用法 1.例一 <style> div{ width: 0px; height: 0px; border: 50px solid black; /*后面的会覆盖前面的*/ border-top-color: black; border-right-color: yel...原创 2019-10-17 14:13:50 · 2802 阅读 · 0 评论 -
a标签用法
1.超链接 2.锚点 根据id <body> <div id="demo1" style="height: 100px;width: 100px;background-color:red ">demo1</div> <br><br><br><br><br><br><br><...原创 2019-10-16 16:50:37 · 395 阅读 · 0 评论 -
img标签
一:img标签属性语法 1.alt属性 alt属性即图片占位符,当图片显示不出来时才显示alt的文字,图片正常显示则该属性无用 2.title属性 图片提示符 二:img图片引入三种方式 1.网上url 比如引入百度的图片 这里的地址引入是显示不出来的,因为这是百度自己图片的地址,引入的正确地址应该是重新在新标签打开的地址。 右键图片,选择“在新标签页中打开图片”,如下: 上面的地址引入才...原创 2019-10-16 15:44:55 · 1577 阅读 · 0 评论
分享