Python-HTML CSS 练习】的更多相关文章

flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用   request.args.get('变量') 去接收, get请求的参数都是放置在url中的, 如 http://127.0.0.1:33334/?user=python 这样就可以获取到了user的值了 post请求的参数部分是放置在body里面的,url中没有直接的体现 获取的语法 request.form.get('user') render_templ…
一 CSS介绍 1.1  CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. selector { property: value; property: value; property: value } 1.2 css的四种引入方式 行内式 行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用 <p style="background-color: rebeccapurple">hello python</…
##################总结############ 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 输入 html:5,按tab键后<!DOCTYPE html> <html lang="zh-CN"> #这个lang表示语言,zh-CN是中文的意思,就是说,你整个文档的内容以中文为主,如果以英文为主,就写成lang…
CSS(Cascading Style Sheet,层叠样式表) 是一种用来表现HTML或XML等文件样式的计算机语言. 作用:是用来美化HTML标签的,相当于给页面化妆. 每个css 都是有两部分组成: 选择器和声明. 声明有包括属性和值,每个声明后用分号结束. 选择器:就是明确文件样式的作用对象.  是一个选择一个标签或多个标签的过程. 声明:就是样式 CSS 三大特性: 1.层叠性:当多个样式作用到同一标签,当发生冲突时,总是执行最后的那个样式代码也就是覆盖. 2.继承性: 文字的所有属性…
前言 一些人在使用selenium定位元素时,用的是xpath定位,因为xpath基本能解决定位的需求.css定位往往被忽略掉了,其实css定位也有它的价值,css定位更快,语法更简洁.这一篇css的定位方法,主要是对比上一篇的xpath来的,基本上xpath能完成的,css也可以做到:两篇对比学习,更容易理解. CSS语法表达式: . 点表示class属性,代码案例:“.s_ipt” [Class=’ .s_ipt’] # 同上 # 表示id属性,代码案例: “#kw” [id=’kw’] #…
CSS样式存在的位置 1.放置在标签内,局部生效 <div style="color: red;font-size: 18px;">hello world</div> 2.放置在head中,这种方式全局生效 <style> .cc{ color:red; font-size:19px; } </style> 3.放置在css文件中 <link rel="stylesheet" href="templat…
一:css组合选择器 特性:每个选择器位可以为任意基本选择器或选择器组合 选择器分为以下几类: 群组选择器,子代(后代)选择器,相邻(兄弟)选择器,交集选择器,多类名选择器 1.群组选择器:    div,sqan,  .red,  #div { color : red } 一次性控制多个选择器 选择器之间以 ,(逗号) 隔开,每一个选择器位均可以任意合法选择器或选择器组合 2.子代(后代)选择器:    子代选择器用 > 连接 body > div { color : red ; }   …
一:css三种引入方式 三种方式为:行间式 | 内联式 | 外联式 行间式   1.在标签头部的style属性内  2.属性值满足的是css语法  3.属性值用key:value形式赋值,value具有单位  4.属性值之间用;隔开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种引入方式</title&g…
左侧菜单 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <style> .hide{ display: none; } .menu .head{ height:38px…
定时器轮寻 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="a"> 北京欢迎您,为你开天辟地</div> <script> function func…