前端学习
楠汐江
前端学习路上…
展开
-
JS函数初步认识
嗯…老师布置作业了,第一阶段的内容还没有写完,中间先插一篇js的文章吧,剩下没有完成的第一部分,之后再慢慢补吧原创 2020-05-24 10:39:59 · 171 阅读 · 2 评论 -
文本阴影和盒子阴影
文本阴影和盒子阴影文本阴影:text-shadow盒子阴影:box-shadow文章由自己的学习历程总结而来,仅供大家参考,欢迎大家交流学习。今天学习一个有趣的css属性——阴影,阴影分为文本阴影和盒子阴影文本阴影:text-shadowtext-shadow是专门用来给文字添加阴影效果的属性像这样的带有阴影效果的文字,就是通过文本阴影来实现的语法 text-shadow:text-shadow:水平位置,垂直位置,模糊度,阴影颜色其中:1.水平位置(左正右负)和垂直位置(下正上负),是用来原创 2020-05-21 22:09:04 · 221 阅读 · 0 评论 -
form表单补充属性
之前学习了表单的基础属性,可以制作基础的表单样式,但还有一些表单的样式复杂,需要我们继续学习,接下来一起来学习一下表单的补充属性吧原创 2020-05-15 16:06:31 · 387 阅读 · 0 评论 -
css精灵图和高度塌陷
最近有点懈怠了,开始了第二阶段js的课程,但是第一阶段的笔记还没有整理完,差点留下了个大坑,现在继续来填坑啦!这一次来整理两个内容,一个是关于小图标的整理的精灵图,另外一个是继高度自适应后的高度塌陷的解决方法。原创 2020-05-13 11:11:45 · 172 阅读 · 0 评论 -
css两栏宽度自适应
css两栏宽度自适应对于做后台管理系统或者一屏页面来说,会涉及到做左右两栏的效果,左边作为导航栏,右边作为主页面。通常情况下,我们首先想到的是使用浮动效果将两栏浮动起来左右放置,但是这样会导致,其中一些内容的位置会出现错位。因此这里,给出了一个两栏宽度自适应的方式,用来解决浮动问题。给定左边导航栏的宽度为200px,高度为500px。右边的主体内容部分宽高自适应为整个页面剩余的部分。给导航栏...原创 2020-04-28 17:45:16 · 259 阅读 · 0 评论 -
css轮播效果
css轮播图在没有学习js之前,做一个图片的轮播效果可以用css来实现,虽然没有js渲染过后那么完美,但是也满足了一个小白对于动态效果的好奇心,那么接下来大家一起来玩一下吧!1.选择图片首先选择自己喜欢的图片,可以是不一样的大小<img src="images/img001.jpg" alt="" id="box1"><img src="images/img02.jpg...原创 2020-04-26 17:05:23 · 171 阅读 · 0 评论 -
CSS属性之定位
css属性之定位定位position默认定位position:static相对定位position:relative绝对定位position:absolute固定定位position:fixedz-index文章由自己的学习历程总结而来,仅供大家参考,欢迎大家交流学习。定位属性通常用来固定页面导航位置,以及(页面小广告的固定设置)。接下来我们一起来看一下定位属性吧!定位position元...原创 2020-04-23 11:14:43 · 128 阅读 · 0 评论 -
文本元素溢出隐藏
文本元素溢出隐藏单行文本溢出隐藏案例demo多行文本溢出隐藏案例demo文章由自己的学习历程总结而来,仅供大家参考,欢迎大家交流学习。在做页面的过程中,经常会遇到新闻标题的隐藏效果,在没有学习溢出效果隐藏之前,总是手动输入省略号来代表省略部分的内容,但是对于具有变化性质的网页内容来说,这一点是不可取的,还是需要通过css来实现自动隐藏多余内容的效果单行文本溢出隐藏1.给内容设置固定宽度,如...原创 2020-04-21 10:53:03 · 394 阅读 · 0 评论 -
csss属性之块元素和内联元素
块元素和内联元素块元素内联元素文章由自己的学习历程总结而来,仅供大家参考,欢迎大家交流学习。块元素块元素是自带换行效果的元素,有div、p、h1~h6、列表、hr、br、table、form等,且具有以下性质显示时上下排列可以设置宽高属性块元素嵌套可以包裹块元素和内联元素,但是有个别标签比较特殊(p,h1~h6,dt)尽量只能包裹内联元素内联元素与块元素相对的内联元素是不具备换...原创 2020-04-16 21:21:13 · 207 阅读 · 0 评论 -
css基础属性之边框和背景
@TOC文章由自己的学习历程总结而来,仅供大家参考,欢迎大家交流学习。边框属性borderborder:边框宽度 边框风格 边框颜色边框属性可以简写成{border:边框宽度 边框风格 边框颜色}这里的每一个只需要直接添加内容,并用空格隔开即可如:.box{border:10px solid red;}设置边框可以定义方向(单一方向)border-left 左边框borde...原创 2020-04-15 19:48:05 · 297 阅读 · 0 评论 -
css基础属性之字体属性
css基础属性(一)字体属性字体大小:font-size字体颜色:color定义字体:font-family文字加粗:font-weight文字倾斜:font-style水平对齐方式:text-align文字行高:line-height设置内容大小写转换:text-transform文本修饰(线条的修饰):text-transform设置小型大写字母:font-variant文字font属性简写...原创 2020-04-15 00:14:37 · 221 阅读 · 0 评论