CSS
文章平均质量分 77
这就是你要的样式啊
空城机
光阴雕琢生命,岁月磨砺人生
成为一个普通的上班族
展开
-
canvas小球绕斜椭圆轨迹运动
在MDN web docs中有过关于使用canvas来绘制太阳系动画的例子,此种方法需要使用translate来不断改变画布原点。MDN示例参考:太阳系运动示例现在需要在canvas画布上绘制一个小球绕椭圆转动的动画效果首先可以使用js 构造函数模式定义一个小球对象function ball(x, y, obj) { this.x = x; this.y = y; this.angle = 0; this.draw = function() { var self = this; ct原创 2020-11-06 14:39:37 · 2808 阅读 · 0 评论 -
编写一个具有搜索功能的搜索框
搜索框功能能够输入国家名称全部或部分,出现搜索框的提示下拉框。具体的数据没有放在数据库中,用JavaScript写了一个数组,从这个数组中的国家名称中找就可以了实现过程首先先编写一个HTML页面,在页面中将input的搜索框编写好,先不用css进行修饰然后使用css进行修饰在编写JavaScript时,我使用原生的JavaScript先给定所有的国家数据...原创 2020-02-23 17:07:35 · 16138 阅读 · 4 评论 -
CSS回顾总结(一)——CSS简介,语法规范,选择器,三元素
目录什么是 CSS?语言特点CSS的使用CSS的语法规范CSS的注释CSS常用的选择器id 和 class 选择器CSS:块元素和内联元素,行内块元素CSS是我很久之前学的了,最近有些忘记了,所以拿出来写一些博客做整理了。什么是 CSS?CSS 指层叠样式表 (CascadingStyleSheets) 样式定义如何显示HTML 元素 样...原创 2019-06-19 23:18:04 · 1551 阅读 · 0 评论 -
CSS回顾总结(二)——伪类、伪元素、子元素和后代元素选择器、盒子模型
目录伪类伪元素子元素和后代元素选择器盒子模型边距边框边框样式内联元素盒子模型伪类伪类:专门用来表示元素的一种特殊状态 * 比如:访问过的超链接,普通的超链接。获取焦点的文本框 * 当我们需要为这些需要处在这些特殊状态的元素设置样式时,就可以使用伪类 ...原创 2019-06-22 16:31:41 · 2086 阅读 · 0 评论 -
CSS回顾总结(三)——HTML简介
目录HTML:Hyper Text Markup LanguageHTML与XHTML区别html写法规范HTML网页的基本结构:标签HTML5标签分为常规标签和空标签两种链接标签 表格HTML:Hyper Text Markup LanguageHTML就是超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至...原创 2019-06-30 20:08:18 · 260 阅读 · 0 评论 -
CSS回顾总结(四)——列表、属性选择器、文本标签、样式的继承
目录列表无序列表有序列表定义列表属性选择器文本标签选择器的优先级样式的继承子元素的伪类选择器列表列表就相当于去超市购物时的购物清单。在html中也可以创建列表一共有三种列表:无序列表 有序列表 定义列表列表之间可以互相嵌套无序列表无序列表:使用ul标签来创建一个无序列表使用li在ul中创建一个个列表项,一个li就...原创 2019-06-30 20:36:31 · 452 阅读 · 0 评论 -
CSS回顾总结(五)——折叠菜单
折叠菜单例子:CSS: <style type="text/css"> *{ padding: 0; margin: 0; } li a{ color: white; /* 去掉下划线 */ text-decoration: none; } .menu{ width: 200px; margin: 50p...原创 2019-07-19 13:41:00 · 431 阅读 · 0 评论 -
CSS布局基础——BFC
博客转载于:https://www.cnblogs.com/yzg1/p/5670684.htmlCSS布局基础——BFCwhat's BFC?第一次看到这个名词,我是拒绝的,css什么时候还有这个东西?于是迫不及待的google了一下,才发现原来它无时无刻不在我们的css当中,只不过它并不是一个属性,不需要我们平常使用手写罢了。但是它的重要性确是杠杠的,可以这么说,没有它就就没...转载 2019-08-17 14:10:46 · 201 阅读 · 0 评论