1.盒子模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)、外边距(margin) 2.border,设置元素的边框,属性(边框三要素):宽度、样式、颜色,这也是通常border属性值的书写顺序(非严格要求) 单独书写:border-width(宽度,默认3 ...
分类:
Web程序 时间:
2020-07-24 09:46:07
阅读次数:
103
1. 键盘弹出触发window.resize,对页面产生挤压,造成定位紊乱 在页面初始化完成的时候,固定外部容器的宽高,resize的时候也不影响内部dom的相对位置。例如,以body为容器: <style type="text/css"> html,body{ width: 100%; heigh ...
分类:
其他好文 时间:
2020-07-24 09:34:53
阅读次数:
64
CSS帧动画 基础知识 通过定义一段动画中的关键点、关键状态来创建动画。@Keyframes相比transition对动画过程和细节有更强的控制。 过渡动画是两个状态间的变化,帧动画可以处理动画过程中不同时间的细节变化, 对过渡动画理解后再学习习帧动画会非常容易,也可以把帧动画理解为多个帧之间的过渡 ...
分类:
Web程序 时间:
2020-07-24 09:27:49
阅读次数:
102
(67,68,69) 目录 一、python八大元素定位 正文 一、python八大元素定位方式 id、name、class_name、tag_name、link_text、partial_link_text、xpath、css_selector 1.元素定位 得到的返回值是一个webelement ...
分类:
其他好文 时间:
2020-07-24 09:17:51
阅读次数:
264
CSS(Cascading Style Sheets)称为层叠样式表,用于对页面进行美化。 一、应用方式 css的样式有很多种,当如果想要把css样式应用到特定标签上有三种方式: 1.1 标签中填写 适用范围:指定一个标签。【不推荐,多标签无法复用样式】 <div style="color:gree ...
分类:
Web程序 时间:
2020-07-23 22:44:05
阅读次数:
75
jQuery 操作CSS用法 1,jQuery addClass() 方法 下面的例子展示如何向不同的元素添加 class 属性。当然,在添加类时,您也可以选取多个元素: 实例$("button").click(function(){ $("h1,h2,p").addClass("blue"); $ ...
分类:
Web程序 时间:
2020-07-23 22:32:13
阅读次数:
78
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类:
Web程序 时间:
2020-07-23 22:23:21
阅读次数:
132
vertical-align MDN链接:https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align 张鑫旭: 我对css-vertical-align的一些理解与认识(一):https://www.zhangxinxu.com/w ...
分类:
其他好文 时间:
2020-07-23 15:54:18
阅读次数:
68
使用html+css+js实现简易计算器,效果图如下: html代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width ...
分类:
Web程序 时间:
2020-07-22 23:35:28
阅读次数:
105
“常说,要认识一个人①,大概了解一下背景,然后见面时打招呼讲什么语言规矩范礼②,她回应了,声音很好听,你会继续选择③用选择什么语气对待?而且又怎么漂亮,相信自己不会拒绝④的,来预先处理⑤好情绪,好让彼此能有一个新的开始⑥,给生活一个甜美的谜底吧⑦”--晚安,EmilyChen! (一)CSS简介 C ...
分类:
Web程序 时间:
2020-07-22 20:27:08
阅读次数:
122