- 博客(20)
- 收藏
- 关注
原创 web前端18
:是输入控件,主要用于在浏览器中显示单行文本框、按钮、单选框、复选框等。 (type为最基本的属性,用于指定控件类型,其常用的属性值有,text:单行文本输入框;password:密码输入框;radio:单选框; 复选框:checkbox;普通按钮:button;提交按钮:submit;重置按钮:reset;图片提交按钮:image;文件隐藏框:hi
2017-02-12 23:44:06
289
原创 web前端17
标签::头部标签: 设置字符编码格式,非常重要,一般用utf-8:搜索与描述相关的句子:搜索关键字功能: 设置标题,网页名称:头部结束标签:网页上所有可视化的东西都是被包含在body标签里面 头部内容区尾部
2017-02-12 23:42:32
245
原创 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
255
原创 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
225
原创 web前端13
css样式具有层叠性和继承性css样式有两种链接方式:1.内联样式:就是在同一个网页内编写css样式和布局代码2.外联式:创建一个css文件,并在其中编写css独立的样式,然后在将其和所需要应用它的HTML文件链接起来。链接独立的css文件的方法:(stylesheet:样式表 type="text/css":类型为text/css)
2017-02-12 23:34:27
220
原创 web前端12
设置文本缩进:text-indent 例:text-indent:2em(em:文本的大小,也可以写成像素格式,例如:16px)设置词间距:word-spacing: 1em;设置字间距:letter-spacing: 20px;
2017-02-12 23:33:38
264
原创 web前端11
div的塌陷现象塌陷现象,问题出在父级标签解决div塌陷现象的方法:解决方法1.超出隐藏:overflow: hidden;解决方法2.设置边框透明:border: 1px solid transparent; (transparent:透明的)
2017-02-12 23:31:49
467
原创 设置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
18200
原创 设置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
619
原创 web前端10
CSS选择器:css选择器有:ID选择器,类选择器,标签选择器,后代选择器,交集选择器,并集选择器,通配符选择器,伪类选择器通配符选择器;*{} (*,指所有的标签,由于范围广,所以优先级比较低)标签选择器:h2{ color: #ccc;}类选择器:.one{color:blue!important;}(/*一个网页可以重复使用。标记加了!import
2017-02-12 23:28:49
514
原创 web前端9
:是列表标签,顾名思义是用来设置列表的,而且ul和li之间可以相互嵌套。:是自定义列表标签,同样可以设置列表格式。 :是相对于标签的上层项目标签,它在页面显示里永远比标签要突出。 :是相对于标签的底层项目标签。 :是表单标签。:是输入控件,主要用于在浏览器中显示单行文本框、按钮、单选框、复选框等。 (type为最基本的属性,用于
2017-02-12 23:27:51
489
原创 web前端8
标签::头部标签: 设置字符编码格式,非常重要,一般用utf-8: 设置标题,网页名称:头部结束标签:网页上所有可视化的东西都是被包含在body标签里面块级标签:有框高,会换行:div标签主要用来划分结构:p是段落标签,也可以用来划分结构:设置直线 (已经很少使用) :表格布局 (cellpadding:它的值会把盒子里面的空间撑大。cellsp
2017-02-12 23:26:40
219
原创 定位
相对定位与绝对定位:position:relative;相对定位position:absolute;绝对定位定位口诀:子绝父相(儿子用绝对定位,父亲用相对定位,但这是相对的,不是绝对的,视情况而定);绝对定位有四个值:top right bottom left;用了相对定位的地方依然占有空间用了绝对定位的地方不占有空间-->
2017-02-12 23:23:53
197
原创 设置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
11658
原创 标签类型的转换
标签类型的转换:span{display:block;width: 200px;height: 200px;background: green;}/*转换成块级标签:display:block;具有框高并且换行转换成行内块级标签:display:inline-block;具有框高但不会换行转换成行级标签:display:inline;不具框高又不会换行*/
2017-02-12 23:17:20
356
原创 用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
5202
原创 css选择器
在网页设置的过程中,要想更精确地控制页面布局,字体颜色等就需要用到css样式,下面呢就是我总结出来的一些有关于css选择器的知识。 CSS选择器:css选择器有:ID选择器,类选择器,标签选择器,后代选择器,交集选择器,并集选择器,通配符选择器,伪类选择器通配符选择器;*{} (*,指所有的
2017-01-17 08:17:20
298
原创 列表与表单
今天小编学习了列表与表单标签的用法,自己也归纳总结了一下,以下呢就是小编所总结出来的知识点啦! :是列表标签,顾名思义是用来设置列表的,而且ul和li之间可以相互嵌套。:是自定义列表标签,同样可以设置列表格式。 :是相对于标签的上层项目标签,它在页面显示里永远比标签要突出。 是相对于标签的底层项目标签。 :是表单标签。
2017-01-14 10:34:08
617
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人