Tag: css

All the articles with the tag "css".

• CSS Grid 布局详解

  Published:Mar 1, 2019 |  at 08:00 AM

  网格布局是最强大的CSS布局方案。 它将网页分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。 Grid布局与Flex布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，也存在重大区别，

• CSS 面试题集

  Published:Jan 1, 2019 |  at 08:00 AM

  :::tip 利用CSS进行元素的水平居中，比较简单，行内元素设置其父元素的text-align:center，块级元素设置其本身的 margin-left和margin-right为auto即可。设置垂直居中则有些麻烦，现整理记录如下。

• 响应式 Web 设计

  Published:Oct 1, 2018 |  at 08:00 AM

  主要是应用在官网的设计， CSS3媒体查询可以让我们针对不同的媒体类型定义不同的样式，当浏览器窗口变化的过程中，页面会根据浏览器的宽度和高度重新渲染页面。 定义浏览器的分隔点，可以参考bootstrap或者其他更细致的方案。

• rem 适配方案

  Published:Mar 1, 2018 |  at 08:00 AM

  rem和em都是相对单位，CSS3引入rem。 :::tip em作为font-size的单位时，代表父元素的字体大小。**em作为其他属性的单位时，代表自身字体大小。**

• 常用的布局实现

  Published:Feb 15, 2018 |  at 08:00 AM

  - 左右布局 - 上左右布局 - 上左中右布局 <iframe height="265" style="width: 100%;" scrolling="no" title="layout-float" src="https://codepen.io/llccing/embed/vYYyoQM?he

• inline-block 详解

  Published:Feb 1, 2018 |  at 08:00 AM

  1. 能够设置宽高 2. inline-block各个元素，高度不同时，以文本基线对齐，通过vertical-align:top;实现顶部对齐 <iframe height="265" style="width: 100%;" scrolling="no" title="float vs inlin

• CSS 选择器

  Published:Jan 15, 2018 |  at 08:00 AM

  ```css body { color: blue; } ``` ```css .btn { font-size: 14px; } ``` ```css .dialog .title {

• Bootstrap 入门

  Published:Jan 1, 2017 |  at 08:00 AM

  <iframe height="265" style="width: 100%;" scrolling="no" title="bootstrap tooltip" src="https://codepen.io/llccing/embed/PooKqvM?height=265&theme-id=0