css使用flexbox布局容器内多元素水平居中
前端技术 2023/08/09 CSS
想要实现这样一个父元素中的子元素都是居中的 只需在父元素上加样式 复制代码代码如下:{display: flex;flex-direction: column;align-items:center;} 设置为flexbox布局，方向为纵向排列，第三句是使其居中。 如果三个子元...
  • 0
CSS框架开发指南
前端技术 2023/08/10 CSS
　Philip Walton 在AppFolio担任前端工程师，他在Santa Barbara on Rails的聚会上提出了CSS架构和一些最佳实践，并且在工作中一直沿用。 　　擅长CSS的Web开发人员不仅可以从视觉上复制实物原型，还可以用代码进行完美的呈现。无需使用表格、...
  • 0
如何使用CSS sprites减少HTTP请求
前端技术 2023/08/10 CSS
sprites是鬼怪，小妖精，调皮鬼的意思，初听这个高端洋气的名字我被震慑住了，一步步掀开其面纱后发觉很简单的东西，作用却很大 神马是CSS 小妖精 CSS sprites是指把网页中很多小图片（很多图标文件）做成按规律排列的一张大图上，在显示的时候通过back...
  • 0
CSS中行间距问题示例探讨
前端技术 2023/08/10 CSS
高度给定的元素, 其内部单行文本垂直居中的一种实现方式为: 给当前定高元素, 设置line-height属性, 其属性值等于当前元素的height值。 今天了解到了一条相关知识, 明白这个方法的实现原理. 我们常说的单倍行距, 双倍行距等等, 主观上认为是lin...
  • 0
CSS的border属性值具有可读性的书写顺序
前端技术 2023/08/10 CSS
CSS的border属性的定义： Value: [ <border-width> || <border-style> || <\'border-top-color\'> ] | inherit Initial: see ind...
  • 0
利用margin实现等高布局
前端技术 2023/08/31 CSS
复制代码代码如下: <div id=\"main\"> <div id=\"left\"> 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。。。。 我是左边的内容的啦啦啦啦。...
  • 0
font-family中文字体代码示例
前端技术 2023/08/31 CSS
<div style=\"font-family:KaiTi_GB2312;font-size:36px;\">phpstudy phpstudy.net KaiTi_GB2312 楷体_GB2312</div> <div style=\"f...
  • 0
使用clrs.cc来进行炫酷的CSS调色
前端技术 2023/08/31 CSS
clrs.cc是最近在GitHub上发现的一个有趣的项目。它是一套精心设计的web配色方案。 web的默认的颜色看起来……比较……呃……怎么说呢……经典……     Navy #000080     Blue #0000ff     Aqua #00ffff     Teal ...
  • 0
CSS icon图标之纯CSS实现带动画效果的天气图标
前端技术 2023/08/31 CSS
CSS3动画属性并不是很多，但重点其实是你怎样去运用它，从简单的hover状态或复杂的小动画，都可以巧妙的用CSS3动画属性来实现。 今天主要是和大家分享一个比较有创意、实用的CSS天气图标动画，静态的天气图标看上去是很呆板，若加上动画，看起来会更加真实生动，以下例子就是很好的...
  • 0
css中display:block;的用法及适用标签详解
前端技术 2023/08/31 CSS
对所有的块元素都没有意义，块元素的dispaly属性默认值为block，没必要再显式定义——除非你之前对块元素的display属性重新定义过。 display：block；比较常用于<a><span>这两个标签——因为这两个标签非块元素，...
  • 0

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案