一、左右两列布局 1、代码如下,可先粘贴复制,自行运行 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>两列布局</title><!--左边列固定,右边列自适应--> <style type="text/css"> *{ padd ...
分类:
Web程序 时间:
2020-08-20 19:23:28
阅读次数:
120
公司有一个新的需求 是需要悬浮球在一侧上下滑动 其实是很简单的 而且网上都有各种案例,但是 偏偏是横屏状态下 ,而且不是手机横屏 是用css强制旋转屏幕90度之后的横屏,所以就会出现坐标系的紊乱,然后我这个功能一开始做成的效果就是触摸上下滑动的时候 ,悬浮球是左右走(目前的这个图片的上下左右),当时 ...
分类:
其他好文 时间:
2020-08-20 19:12:41
阅读次数:
71
CSS伪元素 :first-line; :first-letter :before :after :first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式。 <html> <head> <style type="text/css"> p:first-line { ...
分类:
Web程序 时间:
2020-08-19 19:19:47
阅读次数:
80
为什么要用精灵图? 在网页中引入图片,src的属性值是一个网址,会请求数据,需要时间 如何去减轻服务器压力,减少加载图片的时间 图片的懒加载 精灵图 CSS精灵图定义 1. CSS sprites 2. 多个小图标放在一张图片上,然后通过背景方位去展示不同的小图标 使用 background-ima ...
分类:
Web程序 时间:
2020-08-19 19:17:27
阅读次数:
85
CSS 为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 CSS:(网页美颜相机) 层叠样式表 作用:用来美化网页的 样式表 样式表:行内样式表 内部样式表 外部样式表 行内样式表(内联样式表):内嵌的标签中,通过style style是标签的属性 、属性值是多个样式 px:像 ...
分类:
Web程序 时间:
2020-08-19 19:16:23
阅读次数:
71
为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 CSS:(网页美颜相机) 层叠样式表 作用:用来美化网页的 样式表 样式表:行内样式表 内部样式表 外部样式表 行内样式表(内联样式表):内嵌的标签中,通过style style是标签的属性 、属性值是多个样式 px:像素单位 ...
分类:
Web程序 时间:
2020-08-19 19:13:59
阅读次数:
87
知识点一:选择器 1、选择器:通过标识选择指定的元素,那么这个标识就是选择器 2、组成:基本选择器: 标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器 复杂选择器: 子代选择器、后代选择器、交集选择器、并集选择器 伪类选择器: :link :hover :active :visited ...
分类:
Web程序 时间:
2020-08-19 19:11:28
阅读次数:
141
知识点一:外边距 1、回顾盒子模型包含:内容、内边距、边框、外边距 2、定义:盒子的边框与其他元素或者浏览器边缘之间的距离 3、使用: ① 上外边距 margin-top: 100px; ② 左外边距 margin-left: 80px; ③ 下外边距 margin-bottom: 50px; ④ ...
分类:
Web程序 时间:
2020-08-18 15:37:29
阅读次数:
108
1、浮动 1、标准流(文档流):元素按部就班按照自身的特性排列 2、浮动定义:元素会脱离标准普通流的控制,移动到指定位置的过程 3、使用: (1) 左浮动:float:left (2) 右浮动:float:right 4、结论 (1) 浮动后的元素会脱离标准流,漂浮在其他没有浮动的盒子上边 (2) ...
分类:
Web程序 时间:
2020-08-18 15:37:08
阅读次数:
107
好多人都想知道,前端工程师到底要需要掌握什么技能、到什么程度,才能去找工作?最简单的答案: 把 html、css、 js 基础学扎实,再掌握vue或react前端框架之一就可以了。 真的是这样吗?技术上看似乎没问题,但是找工作不只要从技术上下手,还要从个人目标和公司的招人标准综合进行考量。那么接下来 ...
分类:
其他好文 时间:
2020-08-17 17:48:15
阅读次数:
90