
CSS
小小小的程序猿
这个作者很懒,什么都没留下…
展开
-
js之改变样式
方法1、直接在html中链接css文件2、$(object).css(name , value)3、js.style.attribute = value4、插入html代码,改变css原创 2014-11-29 21:47:12 · 351 阅读 · 0 评论 -
css基础学习之--inline-block
CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗?浮动通常表现正常,但有时候搞起来会很纠结。特别是处理内部容器中的浮动,比如对一排图片使用浮动后对齐出现问题。Inline-block是我们的另一种选择。使用这种属性可以模拟部分浮动的特征,而不需要处理一些浮动带来的问题。Inline-blo转载 2015-07-16 19:23:01 · 506 阅读 · 0 评论 -
css基础学习之清除浮动
什么是浮动:使用float属性,设置float:left,float:right,等让块级元素在同一行方法。为什么要清除浮动:浮动使子级元素不能撑开父级元素,使父级的背景,高度,边框,边距属性都不起作用。有时还会造成高度塌陷。怎么清除浮动:1、 1.对父级:计算子级的高度。 2.紧贴内容对象,设置overflow:hidden2、增加div个数html:css原创 2015-05-12 12:40:52 · 313 阅读 · 0 评论 -
css基础学习之css sprite(css精灵)
原理:当页面加载时,不是加载每个单独图片,而是一次加载整个组合图片。优点: 它大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿缺点:1、网站需要将许多单独的图片,以有机的方式组合起来,从而使其便于维护和更新。 2、图片之间需要会留出较大的空白,使得图片不会影响网页的内容。 3、CSS S原创 2015-05-02 20:49:41 · 426 阅读 · 0 评论 -
css学习基础之css sprite
原文如下:回到电视游戏盛行的年代(我们这里讲的是8位游戏机的辉煌时期),那时的图像非常的简单,位图制成的二维形象和背景场景独立分开,这一点很像现在的像素艺术。成百上千的小图像成为构建整个游戏的视觉基石。当游戏慢慢变得复杂,技术的提升使得管理众多的小图片成为可能,游戏画面变得流畅自然起来。其中一点就是,贴图定位技术的引入,在代码控制下抽出所需的图片,这些图片在主图层中被映射于转载 2015-05-02 20:50:37 · 475 阅读 · 0 评论 -
DD DT DL标签
DD DT DL标签我们平时常用的是标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。 用来创建一个普通的列表,用来创建列表中的上层项目,用来创建列表中最下层项目,和都必须放在标志对之间。看一下下边的例子您就会明白了:dl ——define list——定义列表 dt ——define list title——用于生转载 2015-04-21 21:07:00 · 318 阅读 · 0 评论 -
CSS基础学习之绝对定位和相对定位
序号有无TRBL有无父级有无文本有无position1无无无无2无无有无3有无无有4有有无有5有padding无relative6有padding,absolute无无7有有原创 2015-04-23 20:57:55 · 362 阅读 · 0 评论 -
css基础学习-选择器
css选择器1、标签选择器 特点:只要有标签就是可以使用 优点:简单,不需要标记其他符号来使用css,直接用标签就行了。 缺点:适用性太广了,造成css代码太乱,不易修改。 2、id选择器 特点:定义唯一标签使用 优点:目标明确。原创 2015-04-13 08:43:44 · 331 阅读 · 0 评论 -
css基础学习-link标签详解
link标签作用:连接外部css样式表 属性:rel,type,href Href表示本页面要链接到的地址,在这里可以使相对路径也可以是绝对路径,最好是相对路径。 Type表示的本页面链接到的页面的类型,这里是css样式表。 Rel,rel的英文全称是relation,它的作用就是来说明本页面和链接到的页面之间的关系。代码演示:原创 2015-04-11 20:11:19 · 1200 阅读 · 0 评论 -
css基础学习-控制页面方式
css基础学习-控制页面方式方式类型:行内(直接在html行中),内联(内联在head中),链接(link链接标签),导入(import导入)效率分析:就近原则,行内>内联>链接>导入代码演示: 1、行内: 1.特点:style的css元素书写和其他的方式的书写时一样的。原创 2015-04-11 20:12:37 · 333 阅读 · 0 评论 -
css基础学习之--媒体查询
响应式布局原创 2015-07-17 09:13:42 · 379 阅读 · 0 评论