px:指像素,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器分辨率而言的。 em:相对长度单位。相对当前对象内文本的字体尺寸(参考物是父元素的font-size) 如果当前父元素的字体尺寸未设置,则相对于浏览器的默认字体尺寸。 特点:1、em的值并不是固定的;2、em会继承父级元素的字 ...
分类:
Web程序 时间:
2021-03-08 13:47:05
阅读次数:
0
1、什么是CSS 如何学习? CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表,渐变……) 盒子模型 (每个元素都有的边框之类的) 浮动 定位 网页动画(进阶学习 特效 推荐菜鸟教程) 注意: 前端和java程序员的区别在于CSS,CSS不仅需要 ...
分类:
Web程序 时间:
2021-03-03 12:21:52
阅读次数:
0
2.10 3D转换 2.10.1 三维坐标系 三维坐标系其实就是指立体空间,立体空间是由3个轴共同组成的。 x轴:水平向右―注意∶×右边是正值,左边是负值 y轴:垂直向下注意:y下面是正值,上面是负值 z轴:垂直屏幕注意:往外面是正值,往里面是负值 3D 转换知识要点 3D 位移:translate ...
分类:
Web程序 时间:
2021-02-20 12:40:51
阅读次数:
0
使用css3的flex模型实现一个居中布局 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>flex居中布局</title> 6 <style type="text/css"> 7 html, 8 bod ...
分类:
Web程序 时间:
2021-02-15 12:24:42
阅读次数:
0
用户交互伪类选择器的用法 :hover 鼠标移入 :link 没有交互 :visited 访问过 :active 鼠标按下不放 <a href="">Pesudo classes</a> <a href="">Pesudo classes</a> <a href="">Pesudo classes< ...
分类:
Web程序 时间:
2021-02-01 12:58:59
阅读次数:
0
生活中衡量一个人有气质:穿着打扮举止言行等等,编程中如何衡量一个人的代码能力?规范标准优雅高质量等等一个词形容专业从代码中看出是否有经验.. 建议遵循以下顺序: 布局定位属性:display / position / float / clear / visibility / overflow(建议 ...
分类:
Web程序 时间:
2021-01-27 14:06:31
阅读次数:
0
8.1 圆角边框 在CSS3中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。 border-radius属性用于设置元素的外边框圆角。语法: border-radius : length; radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果 参数值可以为数值或百分比的形式 如果 ...
分类:
Web程序 时间:
2021-01-26 12:22:08
阅读次数:
0
在第一周按照寒假计划看了 html、css、html5、css3相关网站的学习内容,学到了一些基础的前端知识。了解了前端的发展史,以及各项技术具体是用于做什么的,就像网站中说的html用于网页结构的建立,而css则是对网页外观的控制,css3以及html5都是在他们基础上的增加内容。在学习的过程中, ...
分类:
其他好文 时间:
2021-01-26 11:53:41
阅读次数:
0
一:背景图像区域: background-clip:指定背景绘制区域 border-box:背景被剪裁到边框盒 padding-box:背景被剪裁到内边距框 content-box:背景被剪裁到内容框 content-box padding-box border-box <!DOCTYPE html ...
分类:
Web程序 时间:
2021-01-18 10:43:54
阅读次数:
0
渐变可以在两个或多个指定的颜色之间显示平稳的过渡 一:线性渐变:是沿着一根轴线改变颜色,从起点到终点颜色进行属性渐变(从一边拉向另一边) background: linear-gradient(direction, color-stop1, color-stop2, ...) 1.线性渐变-从上到下 ...
分类:
Web程序 时间:
2021-01-18 10:43:07
阅读次数:
0