python-day63--前端 - 相关文章

【python-day63--前端】的更多相关文章

Python web前端 01 HTML常用标签

Python web前端 01 HTML常用标签一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicrectoty ---->建立文件 new HTML file 二.常用标签 1.注释 #这是HTML里面的注释,跟python中的不一样 ctrl + ? #快捷注释 2.初始标签 <!DOCTYPE html> #文档类型 <html lang=&q…

Python web前端 02 CSS

Python web前端 02 CSS 一.选择器 1.CSS的几种样式(CSS用来修饰.美化网页的) #建立模板复制内容--->SETTING---> Editor ----->font (SIZE:修改字体大小)----> color scheme(背景)---->File and Code Templates(建立模板) ----->Scheme(改成Project)---->将刚复制的内容粘贴到上面,那么以后创建的html文件就自动变成那么模板了 #在h…

Python web前端 03 CSS属性

Python web前端 03 CSS属性一.文字.文本属性 1.文字属性 font-family #字体类型浏览器默认的字体是微软雅黑,字体中有多个字体的时候,如果前面的字体没有就使用后面的字体 #设置字体 font-family #在style里面设置div{font-family:...(自己选择字体)} #如果存在div{font-family:"宋体","自己选择字体"} 这个意思是如果浏览器不支持前面的字体,就设置为后面的字体 #设置字体大小 font…

Python web前端 04 盒子模型

Python web前端 04 盒子模型盒子模型是由内容(content).内边距(padding).外边距(margin).边框(border)组成的一.边框 border #border 边框 div{border:10px soiled blue}#依次表示border-width(边框宽度).border-style(类型).border-color(颜色),这是符合写法 #border-width #一个值的时候:表示四个方向一样,上右下左(顺时针): #两个值的时候:上下.右左…

Python web前端 05 JavaScript

Python web前端 05 JavaScript 一.获取元素 1.初识JavaScript /* .. */ #这是多行注释 // #这是单行注释 #JavaScript是一种脚本语言,是一种动态类型.弱类型 #JavaScript通常是用来操作HTML语言的 :HTML骨架(页面结构),css样式(元素大小.颜色.位置.隐藏或显示等),js是行为(部分动画效果.页面与用户交互等) #js标签写在哪 #1.script标签里面: #2.卸载外部.js后缀文件里面,通过script标签引入(…

Python web前端 06 运算符循环

Python web前端 06 运算符循环一.运算符 #JS六大数据类型 #number 数字 #string 字符串 #boolean 布尔型 #function 函数 #undefined 未定义:一个变量声明之后没有复制就是未定义 #object 对象在JS里面null属于对象类型,但是它不具有很多对象的共性,所以很多资料将他归为单独一类数据类型null var a = 11;#number var a = "aaa";#string js里面双引号的地方也可以用单引号来代…

Python web前端 07 函数及作用域

Python web前端 07 函数及作用域一.函数 1.有名函数和匿名函数 #函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块 #函数就是包裹在花括号里面的代码块,前面使用了关键字function #分为有名函数和匿名函数 #有名函数:有名字的函数,函数名加括号执行/充当事件函数执行 #匿名函数:没有名字的函数,匿名函数不能单独出现,一般充当事件函数 oBox.onclinck=function(){..}; oBox.onclinck=fn;#这两个是一样的,后面的函数就是fn…

Python web前端 09 jQuery

Python web前端 09 jQuery 一.三个重要网址 http://jquery.cuishifeng.cn/ #中文查询网站 http://www.bootcdn.cn/ #引入jq http://api.jquery.com/ #官网 #jQuery是一种新的JavaScript库:jq是js写的,能用jq实现的,js都能实现:js能实现的,jq有些不能实现. #jQuery $ 符号传字符串.选择器.尖括号标签的形式.函数.对象(object) #jq的API只对自己开放,jq不…

Python web前端 11 form 和 ajax

Python web前端 11 form 和 ajax 一.打开服务器将handlers.py.httpd.py和libs.py三个文件放入新文件夹中,双击打开httpd.py文件即可二.ajax请求过程 <script> $ajax({ 'url':'/htbin/accept-ajax.py',#路径 'method':'GET',#方法 'data':{#数据 ', ', } }).done(function(rep){ #请求成功的响应 consert.log(res); }).f…

Python web前端 10 bootstrp

Python web前端 10 bootstrp 1.媒体查询 <style> *{ margin: 0; padding: 0; } div{ width: 110px; height: 110px; background: yellow; } @media screen and (min-width: 500px) {#在浏览器宽度大于500px的时候,显示下面的布局 div{ width: 200px; height: 200px; background: black; }#这便是媒体查…