CSS <a>标签选择差异
来源:互联网 发布:最优化方法孙文瑜辅导 编辑:程序博客网 时间:2024/06/06 01:41
前端开发自学中碰到的问题:
以下是这段HTML代码,在选取<a>标签时,两种不同的方法结果不同
<div class = "topleft">
<img src = "images/logo.png" /><input class = "topinput" type = "text" value = "菜谱、食材"/>
<a href = "#">搜索</a>
<ul class = "toplist">
<li>首页</li>
<li>菜谱分类</li>
<li>菜单</li>
<li>作品动态</li>
<li>App</li>
</ul>
</div>
第1种选取方法CSS:
.topleft a{float:left;width:60px;margin-right:16px;height:38px;line-height:38px;text-align:center;background:#b24422;color:#fff;}
左边红框内的li保持纵向排列
第2种选取方法CSS:
.topleft img,input,a,ul{float:left;}
则红框内li堆积到一起了。
0 0
- CSS <a>标签选择差异
- 一、CSS选择符选择标签
- A标签的css样式
- A标签的css样式
- A标签知识for css
- A标签的css样式
- A标签的css样式
- CSS控制<a>标签样式
- 【CSS标签的分类和选择】
- css控制a标签的target
- CSS对<a>标签的操作
- CSS控制<a>标签变为button
- a标签的css样式设计
- 【CSS】a标签样式与div行距
- HTML/CSS中a标签用法详解
- CSS之a链接标签样式
- CSS 伪类(a标签) 背景
- 【CSS清除a标签的默认下划线】
- 互联网行业30岁还在做技术有希望吗?
- Subsets II
- Android开发---Fragment可见/不可见时的生命周期回调函数
- springmvc通过URL页面访问
- AJAX概念介绍:2.2 XMLHttpRequest对象的创建、请求、响应
- CSS <a>标签选择差异
- 写给VR手游开发小白的教程:(四)补充篇,详细介绍Unity中相机的投影矩阵
- 面向对象_成员方法的分类及使用
- C#读取并保存导出Resource资源文件
- 未名
- 1008. Elevator (20)
- 基于mybatis的增删改查
- Android蓝牙源码分析——Gatt连接(一)
- UVA - 10856 Recover Factorial(二分查找)