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 · 320 阅读 · 0 评论 -
行级元素、块级元素
元素分类行间元素(inline):span, strong, em, a, del块级元素(block):div, p, ul, ol, li, form, address行块级元素(inline-block):img1.行间元素:内容决定元素所在位置,不可以通过css改变宽高。<style> .one{ width: 100px; h...原创 2019-10-23 01:00:15 · 154 阅读 · 0 评论 -
position属性
一.absolute定位设置为绝对定位的元素框从文档流完全删除,元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。脱离原来位置进行定位即已经不属于这个层面了。绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置<style> .one{ ...原创 2019-10-17 21:58:32 · 270 阅读 · 0 评论 -
body标签自带margin值
由于一般浏览器都给body设置了8px的 margin值,因此如果我们不做单独的处理,那么他就会留存一个间隙。块元素好多都有默认边距,因此我们需要消除他们以方便进行统一设置。例如:<style> div{ width: 100px; height: 100px; background-color: red; ...原创 2019-10-17 19:08:56 · 2352 阅读 · 2 评论 -
文本样式
文本样式text-align:水平对其方式,默认左对齐。left,center,rightline-height:每行的高度。确定行高后,行里的文本自动垂直居中text-indent:首行缩进,通常设为2em即缩进两个文本。1em=1*font-sizetext-decoration:none,underline(下划线),line-through(中间线即删除线)1.例一<st...原创 2019-10-17 18:59:30 · 107 阅读 · 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 · 2676 阅读 · 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 · 320 阅读 · 0 评论 -
img标签
一:img标签属性语法1.alt属性alt属性即图片占位符,当图片显示不出来时才显示alt的文字,图片正常显示则该属性无用2.title属性图片提示符二:img图片引入三种方式1.网上url比如引入百度的图片这里的地址引入是显示不出来的,因为这是百度自己图片的地址,引入的正确地址应该是重新在新标签打开的地址。右键图片,选择“在新标签页中打开图片”,如下:上面的地址引入才...原创 2019-10-16 15:44:55 · 1409 阅读 · 0 评论