css
俱会一处
这个作者很懒,什么都没留下…
展开
-
css+js实现 不影响周边内容的浮动图片
1.目标 在网页中,图片以缩小的尺寸显示 ,图片四周可环绕文字 ,当鼠标悬停于图片时,图片向右向下放大,覆盖周围的文字或其他内容,这个过程中,周围的文字或其他内容的位置不发生变化 ,鼠标离开图片,图片恢复为原尺寸,放大的恢复的过程是渐变的,不是瞬间完成的。 2.思路 图片的尺寸发生变化而周围的内容不发生变化,这就不能仅靠float来实现 ,应该用float实现 浮动时,如尺寸发生变化 ,周围原创 2017-03-06 10:14:03 · 1988 阅读 · 0 评论 -
css笔记(四)用户界面和calc
7 用户界面 包括重设元素尺寸、盒尺寸以及轮廓等。 div.box { box-sizing:border-box; width:33%; border:1px solidblue; float:left; } 8 calc 8.1 示例 background-image: linear-gradient(90deg,#bdf5d9 200px,#ff原创 2017-05-31 14:09:31 · 262 阅读 · 0 评论 -
css笔记(一)初识css
1 简介 CSS指层叠样式表(Cascading Style Sheets),定义如何显示 HTML 元素。样式可以规定在单个的 HTML 元素中(内联样式),在 HTML 页的头元素中(内部样式),或在一个外部的 CSS 文件中(外部样式),可以在同一个 HTML 文档内部引用若干外部样式表,多个样式定义可层叠为一个虚拟的样式表,层叠规则为,内联样式>内部样式>外部样式>浏览器缺少设原创 2017-05-31 14:02:59 · 466 阅读 · 0 评论 -
用vs调试带CSS的HTML
1.新建网站>ASP.NET空网站,输入或选择网站名称。 2.右击解决方案资源管理器的网站名称节点,选“添加”,选“HTML页”.,指定HTML文件的名称。 3.vs打开上述的HTML文件,增加、编辑css内容。 4.编辑完毕,右击鼠标,选“在浏览器中查看”项,系统用浏览器打开该HTML页面,可看CSS的表现。原创 2017-08-10 14:47:59 · 4114 阅读 · 0 评论