
css基础
文章平均质量分 57
zhaihaohao1
这个作者很懒,什么都没留下…
展开
-
CSS基础-37HTML与CSS简单页面效果实例
html>lang="en"> charset="UTF-8"> href="css16.css" type="text/css" rel="stylesheet"> class="rongqi"> class="shangbu"> class="head"> cl原创 2015-08-02 16:34:20 · 800 阅读 · 0 评论 -
CSS基础-36双飞翼布局代码实战
html>lang="en"> charset="UTF-8"> href="css15.css" type="text/css" rel="stylesheet"> class="shangbian">上边 class="zhongjian"> class="zuobian1">内容左边 class="zhon原创 2015-08-02 16:34:09 · 444 阅读 · 0 评论 -
CSS基础-35SASS 介绍和应用,反复看视频理解
html>lang="en"> charset="UTF-8"> href="css17" type="text/css" rel="stylesheet">原创 2015-08-02 16:32:36 · 323 阅读 · 0 评论 -
CSS基础-33面向对象的 CSS 课程概要,要反复看视频
html>lang="en"> charset="UTF-8"> href="css12.css" type="text/css" rel="stylesheet">原创 2015-08-02 16:30:38 · 485 阅读 · 0 评论 -
CSS基础-34Less 介绍和应用,需要反复看视频
html>lang="en"> charset="UTF-8"> href="css13.css" type="text/css" rel="stylesheet">原创 2015-08-02 16:30:27 · 453 阅读 · 0 评论 -
CSS基础-32CSS瀑布流效果
html>lang="en"> charset="UTF-8"> href="css11.css" type="text/css" rel="stylesheet"> class="rongqi"> src="images/mm1.jpg"> 我爱美女 src="images/mm2.jpg">原创 2015-08-02 16:28:02 · 609 阅读 · 0 评论 -
CSS基础-31CSS动画-多列
html>lang="en"> charset="UTF-8"> href="css10.css" type="text/css" rel="stylesheet"> class="div1"> 大家好,我叫翟浩浩,我是一个有理想的人。 大家好,我叫翟浩浩,我是一个有理想的人。 大家好,我叫翟浩浩,我是一个原创 2015-08-02 16:25:46 · 551 阅读 · 0 评论 -
CSS基础-30CSS动画-动画
html>lang="en">charset="UTF-8">href="css09.css" type="text/css" rel="stylesheet">动画效果。。。。。。css:div { width: 100px; height: 100px; background-color: #b3d4fc; /*使用相对布局*/原创 2015-08-02 16:25:12 · 371 阅读 · 0 评论 -
CSS基础-29CSS动画-过渡
html>lang="en"> charset="UTF-8"> href="css08.css" type="text/css" rel="stylesheet"> 展示效果css:div{ width: 100px; height: 100px; background-color: aqua; /*执行过度的动画效原创 2015-08-02 16:22:25 · 406 阅读 · 0 评论 -
CSS基础-28CSS动画-2D、3D转换
html>lang="en"> charset="UTF-8"> href="css07.css" type="text/css" rel="stylesheet"> 没有动画的效果 class="donghua"> 有动画的效果css:div{ width: 100px; height: 100px; b原创 2015-08-02 16:20:44 · 351 阅读 · 0 评论 -
CSS基础-27CSS常用操作-图片
html>lang="en"> charset="UTF-8"> href="css06.css" type="text/css" rel="stylesheet">class="rongqi"> class="tupian"> href="http://www.baidu.com" target="_self">原创 2015-08-02 16:19:02 · 402 阅读 · 0 评论 -
CSS基础-26CSS常用操作-导航栏
html>lang="en"> charset="UTF-8"> href="css05.css" type="text/css" rel="stylesheet" > href="">导航1 href="">导航2 href="">导航3 href="">导航4 css:原创 2015-08-02 16:18:25 · 431 阅读 · 0 评论 -
CSS基础-25CSS常用操作-分类
html>lang="en"> charset="UTF-8"> href="css04.css" type="text/css" rel="stylesheet"> class="p1"> this is my desk this is my desk this is my desk this is my desk th原创 2015-08-02 16:16:52 · 352 阅读 · 0 评论 -
CSS基础-24CSS常用操作-对齐
html>lang="en"> charset="UTF-8"> href="css03.css" type="text/css" rel="stylesheet"> 对齐css:*{ margin: 0px;}/*使用margin对齐*//*div{*/ /*width: 60%;*/ /*height: 5原创 2015-08-02 16:13:54 · 446 阅读 · 0 评论 -
CSS基础-23选择器-选择器详解(2)
html>lang="en"> charset="UTF-8"> href="css02.css" type="text/css" rel="stylesheet"> -->原创 2015-08-02 16:11:48 · 337 阅读 · 0 评论 -
CSS基础-22选择器-选择器详解(1)
html>lang="en"> charset="UTF-8"> href="css01.css" type="text/css" rel="stylesheet"> 人的生命是有限的标题1标题2class="iclass">我要测试divclass="iclass">我要测试a.iclassclass="p1">我的p1class="p2"原创 2015-08-02 16:08:06 · 306 阅读 · 0 评论 -
CSS基础-21CSS定位-浮动的应用,实现瀑布流布局
html>lang="en"> charset="UTF-8"> href="css03.css" type="text/css" rel="stylesheet">id="mydiv1"> src="images/item1.jpg"> src="原创 2015-08-01 17:14:26 · 670 阅读 · 0 评论 -
CSS基础-20CSS定位-浮动
html>lang="en"> charset="UTF-8"> href="css02.css" type="text/css" rel="stylesheet">id="rongqi"> id="id1"> id="id2"> id="id3"> id="id4">scss:#id1{ width:原创 2015-08-01 17:11:40 · 302 阅读 · 0 评论 -
CSS基础-19CSS定位-定位
html>lang="en"> charset="UTF-8"> href="css01.css" type="text/css" rel="stylesheet"> id="postion1">我爱美女 id="postion2">我爱美女 for(var i =0;i100;i++){ document.writeln(i+原创 2015-08-01 17:08:49 · 312 阅读 · 0 评论 -
CSS基础-18CSS盒子模型-盒子模型应用
html>lang="en"> charset="UTF-8"> href="css06.css" type="text/css" rel="stylesheet">class="top"> class="top_content"> class="ibody"> class="ibody_img"> clas原创 2015-08-01 17:07:11 · 396 阅读 · 0 评论 -
CSS基础-17CSS盒子模型-外边距合并
html>lang="en"> charset="UTF-8"> href="css05.css" type="text/css" rel="stylesheet">class="div01"> APICloud是一家移动应用开发者平台, 为App开发者提供云端的API服务和 数据存储服务,支持在线NoSQL数据表设计、原创 2015-08-01 17:04:36 · 389 阅读 · 0 评论 -
CSS基础-16CSS盒子模型-外边距
html>lang="en"> charset="UTF-8"> href="css04.css" type="text/css" rel="stylesheet"> -->原创 2015-08-01 17:02:48 · 566 阅读 · 0 评论 -
CSS基础-15CSS盒子模型-边框
html>lang="en"> charset="UTF-8"> href="css03.css" type="text/css" rel="stylesheet"> class="p1">css边框样式,APICloud是一家移动应用开发者平台, 为App开发者提供云端的API服务和数据存储服务, 支持在线NoSQL数据表设计原创 2015-08-01 17:00:58 · 462 阅读 · 0 评论 -
CSS基础-14CSS盒子模型-内边距
html>lang="en"> charset="UTF-8"> href="css02.css" type="text/css" rel="stylesheet"> border=2px> 翟浩浩 css:td{ /*padding: 50px;*/原创 2015-08-01 16:58:47 · 508 阅读 · 0 评论 -
CSS基础-13CSS盒子模型-概述
原创 2015-08-01 16:56:42 · 309 阅读 · 0 评论 -
CSS基础-简单demo
html>lang="en"> charset="UTF-8"> href="cssdemo1.css" type="text/css" rel="stylesheet">id="zongbuju" style="border-bottom: 1px dashed #666;"> id="head"> <span原创 2015-07-30 10:30:06 · 414 阅读 · 0 评论 -
CSS基础-12CSS样式-轮廓
html>lang="en"> charset="UTF-8"> href="css7.css" type="text/css" rel="stylesheet"> 我石磊分css:p{ outline-width: 5px; outline-color: brown; outline-style: dashed;}原创 2015-07-29 23:15:08 · 329 阅读 · 0 评论 -
CSS基础-11CSS样式-表格
html>lang="en"> charset="UTF-8"> href="css6.css" type="text/css" rel="stylesheet"> id="tb"> class="alt"> 中国人 中国人 中国人原创 2015-07-29 23:14:51 · 329 阅读 · 0 评论 -
CSS基础-10CSS样式-列表
html>lang="en"> charset="UTF-8"> href="css5.css" type="text/css" rel="stylesheet"> 我是雷锋 id="ul1"> 中国人 中国人 中国人 中国人 我是雷锋 id="ul2"> 中国人 中原创 2015-07-29 23:12:03 · 427 阅读 · 0 评论 -
CSS基础-9CSS样式-链接
html>lang="en"> charset="UTF-8"> href="css4.css" type="text/css" rel="stylesheet"> href="http://www.baidu.com">伟大的百度css:a:link{ color: #888888; /*去电下划线*/ text-decor原创 2015-07-29 23:11:51 · 440 阅读 · 0 评论 -
CSS基础-8CSS样式-字体
html>lang="en"> charset="UTF-8"> href="css3.css" type="text/css" rel="stylesheet"> this is my bookcss:p{ font-size: 60px; /*字体的风格*/ font-family: inherit;}原创 2015-07-29 23:10:32 · 335 阅读 · 0 评论 -
CSS基础-7CSS样式-文本
html>lang="en"> charset="UTF-8"> href="css2.css "type="text/css" rel="stylesheet"> 人的生命是有限--> 床前明月光--> thIs is dog--> this iS dog--> thiS is dog--> 测试影印效果-->原创 2015-07-29 23:08:01 · 347 阅读 · 0 评论 -
CSS基础-6CSS样式-背景
html>lang="en"> charset="UTF-8"> href="css1.css" rel="stylesheet" type="text/css"> 人的生命是有限的 人的生命是有限的 人的生命是有限的 人的生命是有限的 人的生命是有限的css:/*body{*/ /*背景颜色*/原创 2015-07-29 23:06:54 · 306 阅读 · 0 评论 -
CSS基础-5属性选择器
html>lang="en"> charset="UTF-8"> [title]{ color: blueviolet; } [title = em]{ color: blue; } title="1">属性选择器 titl原创 2015-07-29 22:51:26 · 359 阅读 · 0 评论 -
CSS基础-4类选择器
html>lang="en"> charset="UTF-8"> href="css4.css" type="text/css" rel="stylesheet"> class="pclass">这是一个class效果 zhongljlkdsjfsl class="mydiv"> 人的生命是有限的 css:.p原创 2015-07-29 22:49:01 · 417 阅读 · 0 评论 -
CSS基础-2派生选择器
html>lang="en"> charset="UTF-8"> href="css2.css" type="text/css" rel="stylesheet">列表 我的列表 css:li strong{ color: aqua;}strong{ color: burl原创 2015-07-29 22:48:10 · 372 阅读 · 0 评论 -
CSS基础-3id选择器
html>lang="en"> charset="UTF-8"> href="css3.css" type="text/css" rel="stylesheet"> id="pid">向雷锋同志学习人的生命是有限的id="divId">jdflajlkjljlfkjd 我的divcss:#pid a{ color: crimso原创 2015-07-29 22:47:56 · 445 阅读 · 0 评论 -
CSS基础-1介绍及语法
html>lang="en"> charset="UTF-8"> href="css1.css" type="text/css" rel="stylesheet"> css样式 刘备关羽张飞赵云css:h1{ /*多个属性之间用封号隔开*/ color: chartreuse; font-size:原创 2015-07-29 22:47:08 · 408 阅读 · 0 评论