![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
天珩
这个作者很懒,什么都没留下…
展开
-
水平排列的li不对齐问题
HTML代码如下: 哈哈哈哈 呃呃呃额额 css代码如下:ul li{display: inline-block;}ul li img{display: block;}分析:3个li设置了display: inline-block;这时候水平排列,但是三个盒子里面的内容情况不一样,第一个和第二有图片和文字,第三个只有图片。这时候谷歌浏览器显示如下:这是因为vertical-align属性致的,vertical-align默认设置为vertic转载 2020-05-17 19:07:58 · 1254 阅读 · 0 评论 -
CSS 03 整理
1.结构伪类选择器定义::nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>nth-of-type(n)</title> <style type="text/...原创 2019-12-30 10:47:44 · 148 阅读 · 0 评论 -
CSS整理 01
一选择器、定义的基本框架选择器 {样式 ;}使用 CSS1)行内<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Review Demo01</title> </head> <body> <!--...原创 2019-12-25 15:41:09 · 201 阅读 · 0 评论