
css
文章平均质量分 94
css
i'm cool
这个作者很懒,什么都没留下…
展开
-
和cool一起学前端----Grid 的基本使用
grid 布局原创 2022-07-11 17:26:32 · 238 阅读 · 0 评论 -
和cool一起学前端----第十一天
弹性布局-flex(part2)上节咱们说到了弹性布局父容器的一些属性,今天和大家分享一下子元素的一些属性orderflex-growflex-shrinkflex-basisalign-selforder表示子元素的排列顺序,默认值为0,越小越靠前,看代码效果一眼就能明了,第二个属性flex-grow,如果父容器空间足够的话,该子元素会不会放大,如果是1的话就表示不会放大,...原创 2019-11-21 17:25:14 · 160 阅读 · 0 评论 -
和cool一起学前端----第十天
弹性布局-flexflex布局,因为是css3提出的,在移动端表现比较好,因为移动设备更新太快了,所以对css3支持比较友好,所以在移动端布局的时候,建议大家用这种布局方式,会少写很多代码的,接下来和...原创 2019-11-20 22:42:24 · 138 阅读 · 0 评论 -
和cool一起学前端----第九天
移动端开发我们开始第一个html的时候,不知道大家还记不记得,head标签里有一行这个代码,<meta name="viewport" content="width=device-width, initial-scale=1.0">解释下,这个就是设置页面的宽度=设备的默认宽度,同时设置页面比例为1,也就是不缩放,当然了,这就是所谓的响应式开发,多数都是针对移动端的,不然的,反...原创 2019-11-19 09:33:35 · 141 阅读 · 0 评论 -
和cool一起学前端----第八天
div+css 布局–清除浮动今天和大家分享下,页面的布局,首先我们来分析以下网页的基本机构,我们来分析下李宁官网,企业官网,结构都很相似。看第一部分导航,分为俩个部分,第1部分和第2部分,面对这样的结构,我们通常会用到float,俩个div,一个向左浮动,一个向右浮动通常我们都会先会把页面结构写出来,然后再写对应的样式,要重点提一下,子元素使用float的时候,父元素要加上clear...原创 2019-11-18 11:48:59 · 196 阅读 · 0 评论 -
和cool一起学前端----第七天
css3详解之animation动画和过渡表现出来的状态基本差不多,但是过渡需要事件触发,上一节我们通过伪类hover触发的过渡效果,而动画就不需要事件触发,自己就动起来了,当然我们还是根据需求来制作我们需要的,那接下来就来讲讲动画。animation:name 3s ease 1s infiniteanimation第一个属性值name是动画的名称animation第二个属性值3s是动画...原创 2019-11-18 08:49:48 · 136 阅读 · 0 评论 -
和cool一起学前端----第六天
css3详解之transition这个厉害了,有一种动画的效果,指的是当元素css改变的时候,用一定的时间完成从一个css样式到另一个css样式的变化。transition:transform 2s ease 1s第一个属性值是你的css样式名称,给这个样式变化加上过渡效果,比如是width,当元素width变化的时候就会有过渡效果。第二个属性值2s代表过渡时间第三个属性值是过渡变化的曲...原创 2019-11-15 16:01:35 · 245 阅读 · 0 评论 -
和cool一起学前端----第五天
css3详解之transform上一节就简单介绍了下2d转化的基本变化,平移,旋转,缩放,今天就给大家详细介绍下,css3的知识,每个点都作为一篇文章,着重介绍,也是给自己复习了。对于2d转化,有一个样式叫做transform-origin,这个就是设置中心点的位置的,默认的就是元素的中间的位置,默认值也就是50% 50%;比如说旋转变化,我们旋转的时候是按照我们设置的这个点将元素进行旋转相应...原创 2019-11-15 14:36:00 · 161 阅读 · 0 评论 -
和cool一起学前端----第四天
继续奋战css伪类:hover 鼠标悬停时候:visited 鼠标点击之后:first-child 父元素的第一个子元素:last-child 父元素的最后一个子元素列表样式&&初始化样式ul,ol会有默认的一些样式,包括一些其他的标签,都可能有一些自带的样式,例如a标签默认会有一个下划线,还有p标签默认会有边距,这些都不利于我们页面的布局,所以我们需要初始化一下...原创 2019-11-15 11:14:02 · 163 阅读 · 0 评论 -
和cool一起学前端----第三天
前言css(层叠样式表)是用来改变我们编写的原创 2019-11-15 08:37:01 · 179 阅读 · 2 评论