随笔分类 -  css

css指示箭头两种实现方法
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> div { width: 200px; height: 100px; margin: 30px 阅读全文
posted @ 2020-04-07 16:05 lylszo 阅读(3118) 评论(0) 推荐(0)
利用vertical-align属性实现分隔符
摘要：网页设计中经常用到标题之间的分隔符的样式，即用短竖线分隔几个关键词，最近发现了一种简单可行的方式，即通过vertical-align属性来实现分隔符样式，在这边分享给大家： <!DOCTYPE html> <html> <head> <title></title> <style> div { hei 阅读全文
posted @ 2020-04-03 10:23 lylszo 阅读(451) 评论(0) 推荐(0)
简单理解vertical-align属性和基线
摘要：vertical-align属性主要用于改变行内元素的对齐方式，对于行内布局影响很大，如果不了解的话，我们开发调整样式的时候很容易出错。 网上关于这个属性的原理说得很是复杂，看一眼就让人觉得望而生畏，而且大可不必完全理解其原理，只要懂得其规律，我们足够使用即可，下面把我的理解分享给大家： 基线 要了 阅读全文
posted @ 2020-04-03 09:57 lylszo 阅读(2020) 评论(0) 推荐(3)