- 博客(28)
- 收藏
- 关注
RSS订阅转载 关于table边框，设置了border-collapse:collapse之后，各条边框是怎么合并的？
关于table边框，设置了border-collapse:collapse之后，各条边框是怎么合并的？遇到一个边框需要设置圆角的，然后发现在设置了border-collapse:collapse之后，border-radius:5px就不起作用了，就各种查证，发现这个是css本身就存在的，两者不能混在一起使用。所以使用了其他的方式，实现了table的圆角。但是现在就很想知道，tab
2017-09-22 21:18:59
3551
转载 CSS实现兼容性的渐变背景(gradient)效果
一、有点俗态的开场白要是两年前，实现“兼容性的渐变效果”这个说法估计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其他浏览器尚未支持，但是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前不支持Opera浏览器。本文实例效果都是同样的效果，就是垂直渐变，起始颜色红色，结束
2017-09-18 23:25:54
403
转载 css之display:inline-block与float区别
css之display:inline-block与float区别（可以尝试用一下）HTML的元素有多种display属性，比较常见的有display:none; display:block; display:inline和display:inline-block;等。详细可参阅W3Schools文档。有些HTML元素自然地带有display:block;样式属性，比如
2017-09-17 21:47:12
378
原创 float
Title div{ width: 400px; border: 1px solid red; /*float: left;*/ } .p1{ width: 150px; height: 200px;
2017-09-01 00:33:17
287
原创 margin属性
Title div{ width: 100px; height:100px; background: red; margin: 10px; } margin值的取值:1.margin-top:上边距2.marg
2017-09-01 00:31:36
211
原创 padding属性
Title *{margin:0;padding:0;} div{ width: 100px; height:100px; border: 10px solid red; padding:10px 20px 30px 40px; }
2017-09-01 00:30:57
960
原创 border属性
Title div{ width: 0px; height:0px; /*边框线的宽度*/ /*border-width: 10px;*/ /*边框线的样式*/ /*border-style: dotted;*/
2017-09-01 00:29:45
781
原创 盒模型
Title div{ width:50px; height:100px; border: 1px solid red; overflow: scroll; } 盒模型:每一个html元素都可以当做一个盒模型1.一个盒子本身的特点(b
2017-09-01 00:23:46
149
原创 盒子概念
div{width: 500px;height: 100px;border: 1px solid red;overflow: scroll;padding: ;}盒子模型:每个html元素都可以当做一个盒模型1/一个盒子本身的特点(boder padding 内容区域)2/盒子与盒子之间的关系(margin)盒子的结构:1/c
2017-08-31 00:21:26
437
原创 表格和表单
格式标签cellspacing: 单元格与单元格之间的距离cellpadding: 内容与单元格边框的距离th标签: 表格列标题td标签: 列内容tr标签: 表格的行行并列: colspan在要合并的标签使用.要删除下一个列并列: rowspan要在合并的标签使用.要删除下一个tr标签里面多余的列 -->姓名年龄学号成绩庄
2017-08-31 00:21:01
159
原创 图片和文字样式
样式#div{width: 700px;height: 700px;/*设置一个背景颜色*/background-color: red;/*背景图*/background-image: url("1.png");/*水平平铺*/background-repeat: no-repeat;/*取值:repeat-x:延x轴方向平铺 repeat-y:延
2017-08-29 23:57:41
382
原创 兄弟元素选择器
/** 为span后的一个元素p元素设置一个背景颜色* 后一个兄弟元素选则器* 作用:可以选中一个元素后紧挨着的兄弟元素* 语法:前一个＋后一个* * span+p{* background-color: yellow;* }* * 选中后面所用的兄弟元素* 语法: 前一个~后面所有*/span ~ p{background-color: y
2017-08-29 00:16:33
247
原创 子元素选择器
/** 为第一个标签设置一个背景颜色为黄色* :first-child 可以选中第一个子元素* :last-child 可以选中最后一个子元素* * p:last-child{* background-color: yellow;* }* * :nth-child 可以选中任意位置的子元素* 该选择器后面可以指定一个参数,指定要选则的第几个元素*
2017-08-29 00:16:05
746
原创 伪元素
伪元素/** 为p中的第一个字符来设计一个特殊的样式*//*8p:first-letter{color: red;font-size: 16px; }/** 为p中的第一行设置一个颜色为黄色*/ /*p:first-line{ background-color:yellow; }*/ /* * :before表示元素最前
2017-08-27 23:39:08
180
原创 伪类选择器
伪类选择器/** 伪类专门用来表示元素的一种特殊的状态* 比如访问过的超链接 比如普通的超链接 比如获取焦点的文本框* 当我们需要为处在这些特殊状态的元素设置样式,就可以使用伪类* * 为没访问过的链接设置一个颜色的一个颜色为绿色* :link* -表示普通的链接(没访问过的链接)*/a:link{color:yellowgreen;}/
2017-08-27 23:38:05
241
原创 子元素和后代元素
子元素和后代元素/** 为div中的span设置一个颜色为绿色* 后代元素选则器* -作用:* 选中指定元素的指定后代元素* -语法:* 祖先元素 后代元素{}*/div span{color:green;}/** 选中id为d1的div中的p元素中的span元素*/#p1 p span{font-size:40px;}
2017-08-27 23:35:54
1193
原创 常用选择器
常用选择器/** 元素选择器* 作用:通过元素选择器可以选着页面中的所有指定元素* 语法:标签名{}*//*p{color:red;}*//** id选择器* -通过元素id属性选中唯一的一个元素* -语法:* #id属性值{} */#p1{font-size:20px;}/** 类选择器* -通
2017-08-27 00:58:06
191
原创 块和内联
块元素和内联元素div就是一个块元素,所谓块元素就是会独占一行的元素,无论有多少内容都会独占一行例如:p h1 h2 h3...div这个标签没有任何语义就是一个纯粹的块元素 并且不会为他里面的元素设置任何默认样式.div元素主要用来对页面进行布局span是一个内联元素(行内元素)所谓行内元素指的是只占自身大小的元素不会独占一行例如:a i
2017-08-27 00:57:31
215
原创 CSS基础
CSS/*CSS注释,作用和HTML注释类似,只不过他必须编写在style标签中或css文件中CSS语法:选择器 声明块选择器:-通过选择器可以选中页面中指定的元素,并且将声明块中的样式应用到选择器对应的元素上声明块:-声明块紧跟在选择器的后面,使用一段{}起来,声明块其实就是一组一组名值对结构这一组一组名值对结构我们称之为声明在一
2017-08-26 23:11:31
148
原创 css与内联样式
css可以将css样式编写到head中的style标签里将样式表编写的style标签中,然后通过css选择器中指定元素然后可以同时为这些元素一起设置样式,这样可以是样式进一步的复用将样式表编写在style标签中,也可以是表现和结构进一步的分离,是推荐的用法-->p{color:red;font-size:40px;}
2017-08-26 00:34:08
2669
原创 css与内联样式
css可以将css样式编写到head中的style标签里将样式表编写的style标签中,然后通过css选择器中指定元素然后可以同时为这些元素一起设置样式,这样可以是样式进一步的复用将样式表编写在style标签中,也可以是表现和结构进一步的分离,是推荐的用法-->p{color:red;font-size:40px;}
2017-08-26 00:33:11
1542
1
原创 小练习1
小小恋歌歌词回到底部小小恋歌小さな恋のうた创建一个超链接时,如果地址不确定可以直接写一个#为占位符如果要跳转id为bottom的元素所在的位置直接在href中写 #id属性-->新垣结衣广い宇宙の数ある一つ 广阔宇宙中的唯一仅有的靑い地球の广い世界で 蓝色地球上的广阔世界中小さな恋の思いは届く
2017-08-25 00:05:00
219
原创 超链接
超链接我是demo08使用超链接可以让我们从一个页面跳到另一个页面使用a标签可以创建一个超链接属性href:指向链接跳转的目标地址,可以使用一个相对路径也可以写一个完整地址-->这是超链接1这是超链接2a标签中的target属性可以用来打开指定的链接位置可选值:_self 表示在当前窗口打开(默认值)_bla
2017-08-25 00:01:25
190
原创 内联框架
内联框架我是demo02使用内联框架可以引入一个外部页面使用iframe来创建一个内联框架属性:src 使用一个外部页面路径,可以使用相对路径widthheightname 为内联框架指定一个name属性在现实开发中不推荐使用内联框架,应为内联框架不会被搜索引擎检索-->
2017-08-25 00:00:45
657
原创 meta标签的一些用法
标题使用mate标签用来设置网页的关键字-->还可以用来指定网页的描述搜索引擎在检索页面时,会同时检索页面中的关键字和描述,但这2个值不会影响在搜索引擎中的排名-->使用meta可以用来做请求的定向-->5秒以后跳转页面
2017-08-23 23:23:06
291
原创 学习图片格式
图片标签使用img标签来向网页中引入一个外部图片,img标签也是一个自结束标签属性:src:设置一个外部图片路径alt:设置图片不能显示对应的描述搜索引擎可以通过alt属性来识别不同的图片如果不写alt属性浏览器不会对img图片进行收录width:用来修改图片的宽度,一般用px作为单位height:用来修改图片的高度,
2017-08-23 22:51:30
251
原创 实体
实体在html中，一些如等特殊字符是不能直接使用的，需要使用一些特殊的符号来表示着些特殊的字符，这些特殊的符号我们称之为实体（转义字符串）浏览器解析到实体，会自动将实体转化为其对应的字符实体的语法&实体的名字； <> >空格 版权符号 ©；-->a<；b>；c©；&divde；今天天
2017-08-22 23:54:11
204
原创 学习1
常用的标签 在html5中有 一共有6级标签h1到h5在显示效果上h1最大h6最小，但文字效果我们并不关心-->一级标题二级标题三级标题四级标题五级标题六级标题段落标签用来表示段落中的一个自然段使用p标签来表示一段落p标签中的文字默认会独占一行，并且段与段之间会有一个间距-->我是一个p标签我用
2017-08-22 23:16:54
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人