文章分类 -  6、web前端开发基础

上一页 1 2 3
day15-CSS之possition
摘要：一、引子 上回我们说到position 属性，让标签固定在某个位置，今天我们来说说它的两个延伸例子。 1.菜单顶置，类似execl 表头 2.点击网页时，弹出对话框，只能编辑对话框，其它地方半透明，无法点击。 二、开始举栗子 2.1.菜单top, 步骤：1、定制一个div ,高度28px, 宽度96 阅读全文
posted @ 2018-05-21 09:52 东郭仔 阅读(392) 评论(0) 推荐(0)
day15-CSS之possition
摘要：一、引子 我们今天来学习css里面比较重要的一个知识点，position，这个是干嘛的呐，是将页面分层的，就是说，我们所有的标签默认都是在一层，但是使用了position之后，就可以把页面分层了，废话不多说了，下面我们就来看看，实际的 二、固定在页面某个位置 说明：position：fixed 表示 阅读全文
posted @ 2018-05-18 16:58 东郭仔 阅读(786) 评论(0) 推荐(0)
day14-CSS padding,margin样式
摘要：一、引子 我们来说说标签的内外边距，内边距(padding),外边距(margin)，我们先来看看这个标准的盒子模型吧，如图所示： （来自师兄的博客，） 二、外边距 说明：我们外边距用margin样式来表示。外边框可以理解为，边框的扩展还需要占用多大的空间，也是上、下、左、右，分别是margin-t 阅读全文
posted @ 2018-05-17 14:20 东郭仔 阅读(155) 评论(0) 推荐(0)
day14-CSS display样式
摘要：一、引子 前面我们在学习Html 的时候就有提到了块级标签，行内标签。他们之间的转换，通过displsay。它的功能不仅仅于此哦，下面让我们来深入的学习这个知识点。 二、display样式 默认 行内标签，span ,<input> ,...没有宽，高，padding,margin 即使设置了也没有 阅读全文
posted @ 2018-05-17 14:15 东郭仔 阅读(127) 评论(0) 推荐(0)
day14-css float样式
摘要：一、引子 今天说的是这个float样式非常重要，要是不会它，那几乎所有的页面都写不出来，float的意思是浮动的意思，就是让标签都浮动起来，不要受父标签控制，就是脱离了父标签的控制。 二、float 样式 2.1、float 样式 因为float是在某个父块级标签中浮动起来，但是如果父标签没有的话， 阅读全文
posted @ 2018-05-17 13:49 东郭仔 阅读(111) 评论(0) 推荐(0)
day14-CSS边框及其他常用样式
摘要：一、CSS边框及其他常用样式 2.1、CSS边框 作用：设置标签周围的边框的，具体使用方法：border：宽度 样式 颜色，一般情况下样式使用 solid实体的，和dotted虚线的 注：这边不仅有border，还有 border-top,border-left,border-right，borde 阅读全文
posted @ 2018-05-17 13:30 东郭仔 阅读(98) 评论(0) 推荐(0)
day14-CSS的存在形式及优先级
摘要：一、引子 之前我们在说class选择器的时候，有提到优先级。下面让我们来深入的聊聊这个知识点。 二、CSS的优先级 说明：我们知道一个标签可以有多个css的样式，就是说一个class属性可以写入多个样式，中间以空格隔开。 1、样式如果没有冲突，那么都会应用到标签中， 2、如果样式有冲突就会涉及到优先 阅读全文
posted @ 2018-05-17 11:02 东郭仔 阅读(103) 评论(0) 推荐(0)
day14-CSS选择器
摘要：一、引子 前面我们学习了html 的一些标签，大概20多个。下面我们开始学习CSS，衣服穿起来， 二、编写CSS样式 2.1、直接在标签上设置 style 样式 这样编写虽然感觉方面， 但是样式一多，1、代码凌乱，不整洁。 2、CSS代码不能重复利用，不高效。 2.2、在head 里面编写 这样样式 阅读全文
posted @ 2018-05-17 10:32 东郭仔 阅读(93) 评论(0) 推荐(0)
day14-Html的body内标签之label 、fieldset
摘要：二话不说开搞， 1、label 标签 作用：用for属性关联input标签的id属性，这样点击文件，使得关联的标签获取光标 效果： 点击 “用户名” 文本框中 获取了光标， 2、fieldset 标签 2.1 这个标签很少用到，作用主要是显示出一个框的，基本用不到，我们看一下效果。 1 2 3 4 阅读全文
posted @ 2018-05-16 17:32 东郭仔 阅读(161) 评论(0) 推荐(0)
day14-HTML的body内标签之图片及列表、表格
摘要：一、直接开搞 1.1、图片 img 标签 1.1.1 鼠标移动到图片上显示名字，添加 title 属性 1.1.2 如果图片挂了，不显示，默认显示，加 alt 属性 ps:这边要注意的是，只有a 标签可以使用超链接，其他任何标签都不可以使用超链接，想用超链接，只能用 a 标签 1.2、类表标签 1. 阅读全文
posted @ 2018-05-16 17:17 东郭仔 阅读(223) 评论(0) 推荐(0)
day14-HTML的body内标签之a 标签
摘要：一、a标签 1、作用：跳转 实现方式，使用：herf 属性 这样跳转的页面会覆盖 当前页面，可以设置target = _blank ，跳转的页面在新页中打开 1.2、锚 作用：就是在一个页面中，通过点击一个标签，跳转到你想要的位置 显示效果： 点击 第二章，直接跳转到第二章的位置，浏览器上 url 阅读全文
posted @ 2018-05-16 16:29 东郭仔 阅读(186) 评论(0) 推荐(0)
day14-Html的body内标签之多行文本框及下拉菜单
摘要：一、多行文本框 作用：多行文本向后台提交时，需要加上name属性，默认值不是在标签内添加value属性，而是在中间添加 input type="text" 说我们 不一样 效果如下 二、下拉框select 标签 2.1、普通下拉框，然后selected 属性是默认选择哪个值。 效果如下： 2.2、默 阅读全文
posted @ 2018-05-16 16:05 东郭仔 阅读(866) 评论(0) 推荐(0)
day14-Html的body内标签之input序列
摘要：一、引子 我们在页面的使用中经常会遇到登录界面，今天我们就来看看登录界面需要哪些标签，这些标签该如何使用，使用最多的是input标签 二、开搞 input 标签 2.1、input 标签类型 说明：input 标签自闭合标签， 标签，type有很多属性，例如文本框：“text" 文本框加 * "pa 阅读全文
posted @ 2018-05-16 14:52 东郭仔 阅读(230) 评论(0) 推荐(0)
day14-chrome查看html样式基本操作
摘要：一、引子 进行说说div 标签，据说是使用频率最高的标签。标签之间的嵌套，标签存在的意义，以及如何使用chrome浏览器查看元素的使用。 二、开搞 div 标签时块级标签，也是白标标签，跟span 一个样， 效果如下： 三、标签的 嵌套 效果如下： 问：那标签存在的意义是什么呐？ 答：页面的动态效果 阅读全文
posted @ 2018-05-16 14:15 东郭仔 阅读(211) 评论(0) 推荐(0)
day14-HTML的body内标签
摘要：一、引子 上回说了几个head 里面的标签，说了头部，我们来了解了解 身体标签。 二、开搞 2.1、在标签内部使用符号 因为符号有可能会被浏览器解析成 html 标签，所以需要用替代符号，太多，记住几个常用的就可以 &nbsp; 一个空格 ，需要几个加几次，&nbsp; &gt; > &lt; < 阅读全文
posted @ 2018-05-16 13:54 东郭仔 阅读(97) 评论(0) 推荐(0)
day14-HTML的Head内标签
摘要：一、药引子 之前我们将HTML比作一个裸体人，有很多标签，有<head></head> ,<body></body>等等。。。在head标签里面除了titile之外，所有的标签都不能看到。下面来学习一下 head 里的一些标签 二、head内标签 2.1 Meta 作用：提供有关页面的元信息，例：页 阅读全文
posted @ 2018-05-16 13:29 东郭仔 阅读(105) 评论(0) 推荐(0)
day14-HTML本质及在web程序中的作用
摘要：一、本质 iis,nginxm、apache 等服务器端本质都是一个socket 服务器，浏览器是一个client 端， 短链接，一次请求，一次响应。http是建立在TCP之上，短链接。 二、html 本质 1、一套规则、浏览器认识的规则 2、开发者： a.学习HTML的规则 b.开发者后台程序： 阅读全文
posted @ 2018-05-16 11:33 东郭仔 阅读(190) 评论(0) 推荐(0)
day14-前端概要
摘要：前端三利器 一、HTML 裸体人 主要-20个标签，完成90%的功能实现 二、CSS 穿衣服 颜色，位置、大小。。。样式 三、javascript 动起来 动态效果 阅读全文
posted @ 2018-05-16 11:05 东郭仔 阅读(79) 评论(0) 推荐(0)

上一页 1 2 3