css
LYA(P)
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
《简单的图片大小设置》
在编写官网时老师给的图片大小不一,很多图片要自己去调,而我自己就打开ps自己去量大小,量完之后发现图片太大根本放不进一个小盒子里,显示出来没有达到预想效果, 部分代码和截图如下: 这些代码所呈现的图片太大盒子放不下,只显示一部分图片效果如下: (图片来自华为官网) 而我之前的做法时把图片放到ps中去把图片缩小在保存出来,应用上去,这一步很耗时间,工作量也大,我发现其实可以用一个简单的属性bac...原创 2019-01-18 10:43:48 · 179 阅读 · 0 评论 -
《Css运用插件来美化表单》
首先再DW新建一个HTML,然后布局,需要用到一个插件,引入插件。 部分截图和代码如下: 然后再是表单的布局,用table来包含表单里的内容,给表单一个类用于调用插件里面的样式,然后是用表头来包含头部部分,再用tr来定义一列,th来定义一个单元格(th是表头的单元格)col定义一个单元格的份数(一列为12份)。 部分代码和截图如下: 页面效果图如下; 表格的内容部分用tbody来包含tr定义...原创 2019-01-18 17:10:17 · 365 阅读 · 0 评论 -
《Css伪类和动画的结合使用》
先在HTML布局,给个大盒子里面再包含个小盒子或者p标签类名可以自定义 截图和部分代码如下: 给大盒子添加样式,给具体的宽高,背景颜色,还有盒子里面圆在水平居中和垂直居中 截图和部分代码如下: 再给盒子里的圆添加样式,给具体的宽高,背景颜色,还有圆角 截图和部分代码如下: 可以使用伪类和动画结合达到js代码的效果,给大盒子背景图片,设置大盒子旋转,旋转的值可以自定义,旋转值可以取很大接近于无限大...原创 2019-01-17 08:27:07 · 674 阅读 · 0 评论 -
弹性布局
先在HTML布局外层盒子,在盒子里布局一个圆。 给盒子宽高,要给盒子定义flex属性,要让内层的圆中间布局,要在外层的盒子写上居中,和交叉轴中点对齐。 效果图: 布局第二个,大盒子内包含俩个小圆。 Css样式中在大盒子给flex属性要让俩个圆两边靠只要用space-between就可以,给小圆宽高颜色圆角。 效果图,弹性布局的优势是当屏幕宽度变化是会跟着适应不用去调。 ...原创 2019-02-15 23:00:03 · 183 阅读 · 0 评论
分享