css
文章平均质量分 76
j20lin
这个作者很懒,什么都没留下…
展开
-
多个div水平横向排列
多个div水平横向排列的方式:1.使用float:2.使用display:line原创 2017-03-27 15:25:07 · 8027 阅读 · 0 评论 -
CSS 相对定位和绝对位置
设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方。如果 left 设原创 2017-03-28 16:53:42 · 2150 阅读 · 0 评论 -
html css 绝对位置absolute和相对位置relative
实例定位 h2 元素:h2.pos_abs{position:absolute;left:100px;top:150px}这是带有绝对定位的标题通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。定义和用法position 属性规定元素的定位类型。说明这个属性原创 2017-03-27 17:56:22 · 896 阅读 · 0 评论 -
html css 设置元素圆角边框
实例向 div 元素添加圆角边框: div{text-align:center;border:2px solid #a1a1a1;padding:10px 40px; background:#dddddd;width:350px;border-radius:25px;-moz-border-radius:25px; /* 老的 Firefox */}原创 2017-03-27 17:11:34 · 4878 阅读 · 0 评论 -
html 元素显示边框
实例设置 4 个边框的样式:p {border: medium double rgb(250,0,255)}Some text定义和用法border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性:border-widthborder-styleborder-color如果不设置其中的某个值,也不会原创 2017-03-27 17:02:34 · 3658 阅读 · 0 评论 -
CSS float 属性
实例把图像向右浮动:img {float:right}在下面的段落中,我们添加了一个样式为 float:right 的图像。结果是这个图像会浮动到段落的右侧。This is some text. This is some text. This is some text.This is some text. This is some text. This原创 2017-03-27 16:36:35 · 409 阅读 · 0 评论 -
CSS display 属性
实例使段落生出行内框:p {display: inline}div {display: none}本例中的样式表把段落元素设置为内联元素。而 div 元素不会显示出来!div 元素的内容不会显示出来!定义和用法display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对原创 2017-03-27 16:25:47 · 507 阅读 · 0 评论 -
html的text里文字过长裁剪显示
实例使用 text-overflow 属性: div.test{white-space:nowrap; width:12em; overflow:hidden; border:1px solid #000000;}下面两个 div 包含无法在框中容纳的长文本。正如您所见,文本被修剪了。这个 div 使用 "text-overflow:ellipsi原创 2017-03-27 16:09:44 · 1871 阅读 · 0 评论 -
CSS overflow 属性
实例设置 overflow 属性:div {background-color:#00FFFF;width:150px;height:150px;overflow: scroll}如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否原创 2017-03-27 16:03:41 · 446 阅读 · 0 评论 -
CSS margin 属性
实例设置 p 元素的 4 个外边距:p.margin {margin: 2cm 4cm 3cm 4cm}这个段落没有指定外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落带有指定的外边距。这个段落没有指定外边距。定义和用法margin 简写属性在一个声明中设置所原创 2017-03-28 17:12:24 · 318 阅读 · 0 评论