css
zkelm.com
这个作者很懒,什么都没留下…
展开
-
南宁小程序开发,挑战百日学习计划第30天(flex布局-丢骰子)
【南宁小程序开发:www.zkelm.com】,学了CSS 之后 顺便接触了一些CSS3.0的语法,感觉css3.0更好玩。接下来准备画费有点时间去把CSS3.0撸一遍,看看到底是啥玩意 。 我设计是这样子的:1.点击骰子 自动滚动到另外一边, 然后随机出现点数 因为我用的是纯CSS写的, 所以想了两天,终于想到了好办法, 就是先布局7个点, 然后随机设置点的背景色=#DDD 这样子看起来。就是点数变化了, 而且还不影响骰子的排布变现。 hoho 真聪明! 好咧 废话不多说,直接附上代码 cop原创 2020-06-25 16:37:54 · 376 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第28天(flex骰子布局教程)
生无可恋只想学编程 南宁小程序开发 www.zkelm.com flex布局骰子教程源码,我也是根据网上写的教程,巩固使用经验,废话不多数 开干Doing 1.首先先制作一个骰子的模板 代码如下 <body> <head> <title>骰子-一点布局居中</title> <style> body{background:#000;} .box{ display:flex; width:90px; height:90px; bo.原创 2020-06-24 14:01:25 · 1140 阅读 · 1 评论 -
南宁小程序开发,挑战百日学习计划第26天(flex弹性布局)
想不到坚持了那么久,往年的话这个时候我早就放弃了 哈哈,写日记对于一个程序员的进步来说,还是很实在的。现在每天在办公室吹着空调学习,感觉贼带劲! 还有小刘同学的陪伴 哈哈 舒服. 【南宁小程序开发: zkelm.com】 步入正题:我刚刚搞清楚了display的定位,float等,结果发现css的弹性布局才是主流,哎!前端真是要一直奔跑啊,头都大了 我做事一丝不苟的态度,还是很费神的,不过小刘同学说得对,干就完了! 花个一两天把弹性布局学透,前端不就七七八八了嘛 哈哈,南宁小程序开发,挑战百日学习计划原创 2020-06-18 02:20:31 · 257 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第25天(css 选择器)
常用的css 选择器: class . id # 元素选择器 p :所有p元素 div,p :所有div+p元素 div p :选择Div内的所有p元素, 包裹无限级 孙子级别等… div>p :选择父级是DIV的所有 p元素 记住:孙子辈不算 div+p :选择所有紧接着div元素之后的p元素 (少用) 属性选择器: [target] :选择所有带有target属性元素 [target=blank] 选择所有 target=”blank“属性的所有元素 [title~=m] 选择标原创 2020-06-17 17:22:13 · 331 阅读 · 0 评论 -
南宁小程序开发,挑战百日学习计划第24天(float的理解)
float理解 float浮动规则:向指定方向移动。直到碰到包含它的元素(父元素)或则,同样float元素的边框, 1.如果元素浮动则不会占空间,block 块状元素将会失去block的属性,变成inline-block属性。因为可以设置宽高,但以absolute的不占空间不同,float会影响周边元素 如果float元素前面的非block元素, 而且在同一行.则浮动会影响到前面的元素,把它积到后面非BLOCK的边上 <style> .box{ width:400px; height:200px原创 2020-06-16 16:02:10 · 262 阅读 · 0 评论 -
挑战百日学习计划(南宁小程序开发)第22天(position定位)
要学小程序 前端是一个必须要跨过的坎,【南宁小程序开发:www.zkelm.com】 position 定位 position定位分5个: 1.static (默认的文档流) :由浏览器决定的,默认的排版模式 也是初始化的排版模式 2.relative sbsolute fixed relative absolute fixed 三个属性值都有一个一个共同点,就是相当于某个基点的定位, 不同的是在于基点的不同、所以 只要理解他们的基点是什么。就很容易掌握这三个属性值 这三种定位都不会对其他元素的原创 2020-06-12 16:19:17 · 212 阅读 · 0 评论