1、vscode安装两个插件: 2、写好scss后,点击 3、直接引入转好的css文件就可以了 ...
分类:
Web程序 时间:
2020-07-24 15:46:13
阅读次数:
126
css文件 /* 注释内容 */ /* 选择器,其中body就是一个选择器,表示选中个body这个标签 声明块:为选择器设置样式 { 样式名: 样式值; } */ body{ background-color: aquamarine; } /* 元素选择器:根据标签来选中指定的元素 ,例如 body ...
分类:
Web程序 时间:
2020-07-24 10:08:42
阅读次数:
102
打开一个网页,会先拉取一个html页面,然后浏览器解析了这个html页面后,会根据页面的内容,去拉取JavaScript、css和图片文件,最终根据这些文件,将页面渲染出来。 我们可以看到,影响一个网页展示速度的主要因素不是网页本身,而是它依赖的一些其它文件。如果优化了这些资源的加载速度,那么网页展 ...
分类:
Web程序 时间:
2020-07-24 10:05:14
阅读次数:
112
因为SSM中我们设置了拦截器,拦截器会拦截CSS和JS,所有样式渲染不出来,在Web.xml中写上 1 <servlet-mapping> 2 <servlet-name>default</servlet-name> 3 <url-pattern>/static/css/*</url-pattern ...
分类:
Web程序 时间:
2020-07-24 10:01:21
阅读次数:
116
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