Day14,Day15-html前端简介 - 随笔分类 - momo8238

CSS-background

摘要：1. Background-image: url ('image/4.gif') 图片的路径。默认div如果比较大的话，图片会重复放。 Background-repeat: repeat-x; 水平方向堆叠。 Background-repeat: repeat-y; 竖直方向堆叠。 Backgrou 阅读全文

posted @ 2017-08-24 14:49 momo8238 阅读(164) 评论(0) 推荐(0)

CSS-hover

摘要：1. padding:0 10px; 表示上下边距是0，左右边距是10. 2. padding:0 10px 0 10px；上-右-下-左。（顺时针方向） 3. .pg-header .menu:hover；表示只要鼠标移动到当前标签上时，就会应用这个下面所定义的样式。 hover: 徘徊在.. 阅读全文

posted @ 2017-08-24 14:10 momo8238 阅读(365) 评论(0) 推荐(0)

CSS-overflow

摘要：1. overflow:hidden; 超出的部分就不显示了。overflow是溢出的意思。运行结果： 2. overflow:auto 超过大小的话，就出现滚动条。运行结果：阅读全文

posted @ 2017-08-24 12:16 momo8238 阅读(166) 评论(0) 推荐(0)

CSS-posiziton

摘要：1. 想要实现，”返回顶部”永远位于页面的右下角。需要用到position函数。CSS:层叠样式表。用到了分层的功能。 position:fixed; 永远固定在一个地方。运行结果：总是位于页面的右下角 2. margin-top:52px; 让它离上面是52px，这样两层就没有重叠的部分了，有了阅读全文

posted @ 2017-08-24 10:43 momo8238 阅读(212) 评论(0) 推荐(0)

14课作业答疑

摘要：1. 代码重用 2.改变大小变形：左右滚动条的出现；宽度，百分比。先在最外层设置一个绝对的宽度，再在里面设置百分比，这样就不会漂了。这样改变大小的时候就不变形了。如下：头，身子和尾巴都是980px. 3.自适应 media 4.关于图片边框的问题，默认img标签，有个1px的边框。在IE浏览器中阅读全文

posted @ 2017-08-24 09:23 momo8238 阅读(133) 评论(0) 推荐(0)

14课作业

摘要：1.代码运行结果：老师的图片：阅读全文

posted @ 2017-08-23 22:14 momo8238 阅读(124) 评论(0) 推荐(0)

Python_css选择器

摘要：1. 概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化。存在方式有三种：元素内联、页面嵌入和外部引入，比较三种方式的优缺点。语法：style = 'key1:value1;key2:value2;' 行内式：在标签中使用 style='x 阅读全文

posted @ 2017-08-23 11:16 momo8238 阅读(2906) 评论(0) 推荐(0)

HTML表单之input元素的23种type类型

摘要：摘自：http://www.cnblogs.com/xiaohuochai/p/5179909.html 阅读全文

posted @ 2017-08-22 17:10 momo8238 阅读(1083) 评论(0) 推荐(0)

css之display样式,padding,margin

摘要：1. 块级标签变成行内标签效果： 2. 行内标签变成块级标签运行结果： 3. display:none; 让标签消失。display:block/inline;标签恢复。 display: inline; display:block; display:inline-block; 兼有两者的属性（阅读全文

posted @ 2017-08-22 12:04 momo8238 阅读(1080) 评论(0) 推荐(0)

css之float样式

摘要：1. float：让标签浪起来，块级标签也可以堆叠。可以实现让两个div把屏幕分成2块。让div飘起来。向左飘的话，就是向左靠齐。向右飘的话，就是向右靠齐。运行结果： 2.写个例子：代码：效果： 3. 儿子飘起来了，父亲把儿子拉回来。这样父亲的边框就能正常显示了。运行结果： 4. 让左右两阅读全文

posted @ 2017-08-22 10:46 momo8238 阅读(487) 评论(0) 推荐(0)

css边框以及其他常用样式

摘要：1. 边框是1像素，实体的，红色的。在浏览器的--检查下面可以选择颜色条。修改样式，变成虚线。左边框，右边框。border-left 2.定义高度宽度：height（高度，百分比）,width（宽度，像素，百分比）, text-align:center;（水平方向居中） line-height（垂阅读全文

posted @ 2017-08-22 09:44 momo8238 阅读(208) 评论(0) 推荐(0)

css的存在形式及优先级

摘要：1. 查看源代码在谷歌浏览器中右击-->点检查 2. CSS中style优先级，标签上的style优先，其它按照编写顺序越更新越优先，后面的会把前面的覆盖掉。 3. 如果想在其它的html文件中也用当前文件中的style的话，可以在根目录下创建一个CSS样板文件，名字为：commons.css。阅读全文

posted @ 2017-08-22 09:03 momo8238 阅读(195) 评论(0) 推荐(0)

CSS选择器

摘要：一，CSS： 1）在标签上设置style属性：key-value的格式，之间用分号分割 2）在head里面写上style标签，在style标签中编写样式。 -id选择器 #i1{background-color:#2459a2; height:48px;} -class选择器 .名称{....... 阅读全文

posted @ 2017-08-21 22:17 momo8238 阅读(166) 评论(0) 推荐(0)

Chrome查看html样式基本操作-div

摘要：1. div 标签（白板，块级标签），想学会前端，只需要学会div+css就可以了。 span 标签（白板，行内标签） 2. Chrome审查元素的使用。右击浏览器--检查可以看标签是块级还是行内标签，也可以轻易地定位。可以查看别人的样式，然后据为己有。阅读全文

posted @ 2017-08-21 13:57 momo8238 阅读(1234) 评论(0) 推荐(0)

html的body内标签之label标签和fieldset标签

摘要：1. <label> 标签为 input 元素定义标注（标记）。 label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 <label> 标签的 f 阅读全文

posted @ 2017-08-20 22:20 momo8238 阅读(307) 评论(0) 推荐(0)

html的body内标签之图片及表格

摘要：<li> list 标签定义和用法： <li> 标签定义列表项目。 <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。 1. img (src,alt,title) 列表：把“1.png“ 放到程序的同级目录，把图片导入。 <img src="1.png"> 运行结果： 2 阅读全文

posted @ 2017-08-20 20:57 momo8238 阅读(1146) 评论(0) 推荐(0)

html的body内标签之超链接

摘要：一，先来个简单的练练手，target="_blank" 的作用是在新的tab中打开页面。href 是超链接的意思。二，a标签指的是超链接跳转，a标签不能提交到数据库，它提交不到后台。做锚 href='#某个标签的ID' 标签的ID不允许重复。这样就把“第一章”和“第一章的内容”关联起来了。三，阅读全文

posted @ 2017-08-20 20:17 momo8238 阅读(753) 评论(0) 推荐(0)

html的body内标签之多行文本及下拉框

摘要：一，<textarea>默认值<textarea> -name属性，textarea的默认值放到中间 <select> name，内部option value，提交到后台，size, multiple 二. textarea 多行文本输入框运行结果：三.默认值放到中间，name="meno" 规阅读全文

posted @ 2017-08-20 13:30 momo8238 阅读(4247) 评论(0) 推荐(0)

html的body内标签之input系列2

摘要：一，input系列：name属性用于让后台拿数据。value 只是在屏幕上的显示。 1. input type='text' name='query' value="张三"(相当于默认值) 2. input type='password' name='XXX' value="张三"(相当于默认值) 阅读全文

posted @ 2017-08-20 10:14 momo8238 阅读(300) 评论(0) 推荐(0)

文字笔记

摘要：HTML 1、一套规则，浏览器认识的规则。 2、开发者：学习Html规则开发后台程序： - 写Html文件（充当模板的作用） ****** - 数据库获取数据，然后替换到html文件的指定位置（Web框架） 3、本地测试 - 找到文件路径，直接浏览器打开 ... 阅读全文

posted @ 2017-08-20 06:08 momo8238 阅读(173) 评论(0) 推荐(0)

随笔分类 - Day14,Day15-html前端简介