【web前端基础之SCC(定位-z-index模态框）】的更多相关文章

web前端基础之SCC(定位-z-index模态框）

目录 一:定位(position) 1.relative(相对定位) 2.absolute(绝对定位) 3.fixed(固定) 二:相对定位 1.相对定位 2.实现相对定位 三:绝对定位 1.实现绝对定位 四:固定定位 1.实现固定定位 五:验证浮动和定位是否脱离文档流(验证原来的位置是否保留) 1.什么是脱离文档流? 2.验证对象(能够改变标签位置的方法) 3.(不脱离文档流) 4.脱离文档流 5.测试相对定位 6.测试绝对定位 7.测试固定定位 六:z-index之模态框案例 1.什么是模态…

WEB前端基础之SCC(字体颜色背景-盒子模型)

目录 一:伪元素选择器 1.首字调整>>>:也是一种文档布局的方式 2.在文本的前面通过css动态渲染文本>>>:特殊文本无法选中 3.在文本的后面通过css动态渲染文本>>>:特殊文本无法选中 二:选择器的优先级 1.选择器优先级 2.相同选择器不同导入方式(相同距离优先) 3.不同选择器不遵循就近原则>>>:优先级 三:字体相关 1.高度和宽度 2.字体大小 3.字重(粗细) 四:文本颜色 1.第一种方式 2.第二种方式(颜色编码…

web前端基础知识及快速入门指南

web前端基础知识及快速入门指南 做前端开发有几个月了,虽然说是几个月,但是中间断断续续的上课.考试以及其它杂七杂八的事情,到现在居然一直感觉自己虽然很多前端的知识很眼熟,却也感觉自己貌似也知识在门口徘徊.不过还好,相比之前一直苦逼不知道如何下手,没人指点的时候,好多了.现在相对来说,知道怎么走了.现在总结一下前端的基础知识,顺便推荐几本书.因为每个知识点都可以拉开架势写几本书都不一定写的全,所以我就不去详细展开了,就大概讲一下前端的一点概念,顺便介绍下前端的基础知识等.如果能给你带来点知识涵养…

进击的Python【第十六章】：Web前端基础之jQuery

进击的Python[第十六章]:Web前端基础之jQuery 一.什么是 jQuery ? jQuery是一个JavaScript函数库. jQuery是一个轻量级的"写的少,做的多"的JavaScript库. jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 提示: 除此之外,Jquery还提供了大量的插件. 这里有一个jquery操作速…

进击的Python【第十五章】：Web前端基础之DOM

进击的Python[第十五章]:Web前端基础之DOM 简介:文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口.它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式.我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来.DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容. 一.查找元素 1.直接查找 document.getElementById 根据ID获取一个标签 document.getE…

进击的Python【第十四章】：Web前端基础之Javascript

进击的Python[第十四章]:Web前端基础之Javascript 一.javascript是什么 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. 1.javascript的表现形式 <!-- 方式一 --> <script type"text/javascript" src="JS文件"></scri…

进击的Python【第十三章】：Web前端基础之HTML与CSS样式

进击的Python[第十四章]:Web前端基础之HTML与CSS样式 一.web框架的本质 众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端. #!/usr/bin/env python #coding:utf-8 import socket def handle_request(client): buf = client.recv(1024) client.send("HTTP/1.1 200 OK\r\n\r\n")…

web前端基础知识学习网站推介

内容:一．基础知识及学习资料1. HTML入门学习:http://www.w3school.com.cn/html/index.aspHTML5 入门学习:http://www.w3school.com.cn/html5/index.asp 2. CSS入门学习:http://www.w3school.com.cn/css/index.aspCSS3入门学习:http://www.w3schools.com/css3/default.asphttp://css3-tutorial.com/ 3.…

web前端基础知识总结

上个寒假总结的web前端的一些知识点给大家分享一下 1.<html>和</html> 标签限定了文档的开始和结束点. 属性: (1)  dir: 文本的显示方向,默认是从左向右 (2) lang: 表示整个文档中所使用的语言,en--英文,zh--中文 (3) version:定义创作文档的HTML的标准版本 2.<head></head>用于封装位于文档头部的其他标签 属性: (1) dir:文本的显示方向 (2)  Lang:语言信息 (3)  Prof…

web前端基础学习路线

1.HTML和CSS的基础知识,完成网页的初步设计 2.JavaScript基础知识和DOM.BOM的学习 3.前端基础框架:CSS框架Bootstrap.JavaScript框架jquery的熟悉使用 4.Web前端响应式界面布局:栅格化布局和弹性盒子布局 5.界面优化设计:SEO优化 6.AJAX(异步数据交互):基础学习掌握发送异步请求方法,实现客户端脚本语言更新网页局部内容 7.JSON:javascript对象表示法,创建对象的数组化表示方法 7.动态网页技术:JSP.ASP.PHP基…