写导航感悟

代码要规范,路径要写全

如:

.div1 ul li a:link {
text-decoration: none;
color: white;
}

.div1 ul li a:visited {
text-decoration: none;
color: white;
}
.div1 ul li a:hover {
font-size: larger;
}

当一个标签的属性有顺序冲突时,不妨将其中有问题的一个挑出来,在外面再套一个别的标签,在另外这个标签上改(属性两标签都有情况下)

如,在a标签外面套了个div,改div属性

.div2:hover {
height: 30px;
width: 50px;
background-color: #2C5B7A;
text-decoration: underline;
}

时间: 2024-08-15 05:05:22

写导航感悟的相关文章

写测试感悟,获取软件测试学习视频资料

大家好,我是TT,互联网测试行业多年,没有牛逼的背景,也没有什么可炫耀的,唯独比他人更努力,在职场打拼.遇到过的坑,走过的弯路,愿意与大家分享,分享自己的经验,少走弯路.首发于个人公众号[测试架构师] 原文如下: 今天重新系统的整理了一些学习资料,电子书,视频教程等!以活动参与方式发放. 活动规则: 从个人角度,简单聊聊软件测试,自己对软件测试的思考.通过文章底部的评论区留言(微信公众号测试架构师),活动结束将发送给点赞最高的前10名读者.   获取方式有两种: 1.文章底部评论区留言方式,点赞

辛星和您一起用CSS手写导航条

第一步,我们新建一个my.html文件,填写内容如下,这个html文件直到最后都不用动了,它就是这些内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

学习感悟2

开学第二天,继学习感悟1开始写学习感悟2 1.今天主要学习了面向对象的编程,Ecmascript主要包括两种属性,1是数据属性,2是访问器属性,其中数据属性有4个描述其行为的特性(configurable.enumerable.writable.value)访问器属性同样也包括4个属性(configurable.enumerable.get.set) 2.面型对象有很多设计模式 (1)工厂模式 function creatPerson(name,age,job){ var o = new Obj

IOS 自定义导航栏

我们自己新建一个View,来自定义导航栏,如下代码: #import <UIKit/UIKit.h> @interface CustomNavigation : UIView typedef enum { customEventClickLBtn1 ,//点击了最左边的按钮 customEventClickRBtn1 , //最右边的按钮 customEventClickLBtn2 ,//点击了左边第二个按钮 customEventClickRBtn2 //点击了右边最靠左的按钮 }Custo

五中常用简洁后台导航菜单(一级导航,二级导航,手风琴式导航,左或右悬浮式导航,树状导航)

首先附上源码,可以下载! http://yunpan.cn/cd9ivPcL4ayQT (提取码:d8a5) 在建立导航菜单的时候,我们首先布局一个(" 头"+[左,右(自适应)]+”尾“)的HTML页面: 来看一下HTML页面的编写: <div id="container"> <div id="head"></div> <div id="mainContent"> <di

辛星和您一起手写CSS气泡

上文中我发布了一篇手写导航条的博客,那么这一篇博客我将和大家一起手写气泡,那么什么是气泡呢?先给那些刚入门的童鞋一个截图,来更好的认识一下什么是气泡把: 这就是一个简单的气泡啦,那么它主要用来干什么呢?他可以用来当我们点击某段文字的时候再显示出来,当然,这个可能需要用到Javascript的知识,我们先不提了,我们这里先给大家看一下如何去做一个CSS气泡把. 我们先分析一下思路,它的实现无非就是一个矩形的边框,然后下面是一个三角形,但是这个三角形是一个镂空的,也就是是一个空心三角形,并且它还是一

swiper 、css3制作移动端网站,折叠导航

swiper .css3制作移动端网站,折叠导航 前几天公司要更新改版移动端的官网,由于网站本身没有多少内容,所以设计师就做成了整屏滑动的样子,起初我并没有看设计稿就一口答应了,拿到手后发现了几个问题让我不知道选用fullpage还是选择swiper来写这个项目.下图就是这个项目完成的效果. 问题1:整屏滑动两个插件都可以用,但是移动端用swiper偏多的 问题2:网站的导航要随着页面更新跳转 这里fullage还是很实用的 问题3:我想用swiper却不是很熟悉swiper怎么制作导航(平时不

第二百五十节,Bootstrap项目实战--响应式导航

Bootstrap项目实战--响应式导航 学习要点: 1.响应式导航 一.响应式导航 基本导航组件+响应式 第一步,声明导航区域,设置导航默认样式,设置导航条固定在顶部navbar样式class类,写在导航<nav>里,声明导航区域(项目实战Bootstrap)navbar-default样式class类,写在导航<nav>里,设置导航默认样式(项目实战Bootstrap)navbar-fixed-top样式class类,写在导航<nav>里,设置导航条固定在顶部(项目

ul导航居中

我们在写导航时,尤其是ul导航,想让li在ul中居中?呵呵-好难 那么如何让li元素在ul中居中呢? 其实挺简单的 将li设置成行内元素,然后给ul外层添加一个div,将ul包裹起来,给外层div添加text-align:center; 写了一个小demo <head><style>.test{text-align:center;}.test ul{border:1px solid red;}.test li{display:inline;border:1px solid blue