自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 web前端18

:是输入控件,主要用于在浏览器中显示单行文本框、按钮、单选框、复选框等。          (type为最基本的属性,用于指定控件类型,其常用的属性值有,text:单行文本输入框;password:密码输入框;radio:单选框;            复选框:checkbox;普通按钮:button;提交按钮:submit;重置按钮:reset;图片提交按钮:image;文件隐藏框:hi

2017-02-12 23:44:06 258

原创 web前端17

标签::头部标签: 设置字符编码格式,非常重要,一般用utf-8:搜索与描述相关的句子:搜索关键字功能: 设置标题,网页名称:头部结束标签:网页上所有可视化的东西都是被包含在body标签里面                  头部内容区尾部

2017-02-12 23:42:32 225

原创 web前端16

单独设置某一行的样式设置第一个子元素的样式:.list li:first-child{color: red;}(伪类,匹配其它元素的第一个子元素,并为其设置样式)设置最后一个子元素的样式:.list li:last-child{color: green;}(伪类,匹配其它元素的最后一个子元素,并为其设置样式)设置偶数行子元素的样式:ul li:nth-child(2n){color:

2017-02-12 23:39:28 208

原创 web前端15

选择器:子代选择器:.dad>p{color: green;}id选择器:#wrap{width: 500px;height: 500px; color: purple;}(id选择器具有唯一性,一个网页中同样的id只能出现一次)后代选择器:div p{width: 500px;height: 500px; color: green;}(有作用域之说)有作用域之说交

2017-02-12 23:38:46 201

原创 web前端14

快捷键:添加/取消注释:Ctrl+/快捷输入标签:输入标签名字后按Tab键一次性输入多个标签:例子:输入div*2后加Tab

2017-02-12 23:36:56 190

原创 web前端13

css样式具有层叠性和继承性css样式有两种链接方式:1.内联样式:就是在同一个网页内编写css样式和布局代码2.外联式:创建一个css文件,并在其中编写css独立的样式,然后在将其和所需要应用它的HTML文件链接起来。链接独立的css文件的方法:(stylesheet:样式表   type="text/css":类型为text/css)

2017-02-12 23:34:27 196

原创 web前端12

设置文本缩进:text-indent  例:text-indent:2em(em:文本的大小,也可以写成像素格式,例如:16px)设置词间距:word-spacing: 1em;设置字间距:letter-spacing: 20px;

2017-02-12 23:33:38 242

原创 web前端11

div的塌陷现象塌陷现象,问题出在父级标签解决div塌陷现象的方法:解决方法1.超出隐藏:overflow: hidden;解决方法2.设置边框透明:border: 1px solid transparent;  (transparent:透明的)

2017-02-12 23:31:49 378

原创 设置div边距

设置边距设置外边距:margin-top: 20px;/*margin-right: 30px;margin-bottom: 40px;margin-left: 30px;*//*margin:20px;只有一个值,同时设置四个方向的值*//*margin:0 20px;两个值,第一个值是上下(x轴),第二个值是左右(y轴)*//*margin:20px 30p

2017-02-12 23:30:44 17756

原创 设置div的背景:

设置背景图片平铺方式:background-repeat: repeat;/background-repeat: no-repeat;设置背景图片位置,可以设置成百分比,也可以是像素,还可以是位置名称:background-position:0 0 ;/background-position:center设置div的背景色:background-color:black ;(在设置背景图片的

2017-02-12 23:30:06 585

原创 web前端10

CSS选择器:css选择器有:ID选择器,类选择器,标签选择器,后代选择器,交集选择器,并集选择器,通配符选择器,伪类选择器通配符选择器;*{} (*,指所有的标签,由于范围广,所以优先级比较低)标签选择器:h2{ color: #ccc;}类选择器:.one{color:blue!important;}(/*一个网页可以重复使用。标记加了!import

2017-02-12 23:28:49 261

原创 web前端9

:是列表标签,顾名思义是用来设置列表的,而且ul和li之间可以相互嵌套。:是自定义列表标签,同样可以设置列表格式。  :是相对于标签的上层项目标签,它在页面显示里永远比标签要突出。  :是相对于标签的底层项目标签。 :是表单标签。:是输入控件,主要用于在浏览器中显示单行文本框、按钮、单选框、复选框等。                  (type为最基本的属性,用于

2017-02-12 23:27:51 373

原创 web前端8

标签::头部标签: 设置字符编码格式,非常重要,一般用utf-8: 设置标题,网页名称:头部结束标签:网页上所有可视化的东西都是被包含在body标签里面块级标签:有框高,会换行:div标签主要用来划分结构:p是段落标签,也可以用来划分结构:设置直线  (已经很少使用) :表格布局  (cellpadding:它的值会把盒子里面的空间撑大。cellsp

2017-02-12 23:26:40 193

原创 定位

相对定位与绝对定位:position:relative;相对定位position:absolute;绝对定位定位口诀:子绝父相(儿子用绝对定位,父亲用相对定位,但这是相对的,不是绝对的,视情况而定);绝对定位有四个值:top right bottom left;用了相对定位的地方依然占有空间用了绝对定位的地方不占有空间-->

2017-02-12 23:23:53 174

原创 设置div边框样式

设置div边框样式:/*设置边框的方式:*/1.border:1px solid red;2. border-width:1px;边框的粗细border-style: solid;边框的风格border-color: red;边框的颜色3. border-left:1px solid red;border-right:1px solid blue;border-

2017-02-12 23:18:35 11492

原创 标签类型的转换

标签类型的转换:span{display:block;width: 200px;height: 200px;background: green;}/*转换成块级标签:display:block;具有框高并且换行转换成行内块级标签:display:inline-block;具有框高但不会换行转换成行级标签:display:inline;不具框高又不会换行*/

2017-02-12 23:17:20 323

原创 用css来设置div的样式

css样式具有层叠性和继承性css样式有两种链接方式:1.内联样式:就是在同一个网页内编写css样式和布局代码2.外联式:创建一个css文件,并在其中编写css独立的样式,然后在将其和所需要应用它的HTML文件链接起来。链接独立的css文件的方法:(stylesheet:样式表   type="text/css":类型为text/css)设置div的背景:backgro

2017-01-17 21:41:04 5087

原创 css选择器

在网页设置的过程中,要想更精确地控制页面布局,字体颜色等就需要用到css样式,下面呢就是我总结出来的一些有关于css选择器的知识。                                             CSS选择器:css选择器有:ID选择器,类选择器,标签选择器,后代选择器,交集选择器,并集选择器,通配符选择器,伪类选择器通配符选择器;*{} (*,指所有的

2017-01-17 08:17:20 260

原创 列表与表单

今天小编学习了列表与表单标签的用法,自己也归纳总结了一下,以下呢就是小编所总结出来的知识点啦! :是列表标签,顾名思义是用来设置列表的,而且ul和li之间可以相互嵌套。:是自定义列表标签,同样可以设置列表格式。  :是相对于标签的上层项目标签,它在页面显示里永远比标签要突出。  是相对于标签的底层项目标签。 :是表单标签。

2017-01-14 10:34:08 553

原创 web前端开发小知识1

web前端开发小知识

2017-01-10 23:53:49 622

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除