css通用小笔记01——导航背景

【css通用小笔记01——导航背景】的更多相关文章

css通用小笔记01——导航背景

很多刚接触前端的可能遇到一些css能解决的小问题,我现在总结了一些,将会逐渐和大家分享,先是导航的背景问题,在网页中常常看到,当鼠标放到一个导航按钮上面是,就会出现一些特效,比如背景,这是最常用的,我们就来解决一下,这是所有导航都能用到的方法,能够去一反三的方法. html代码如下: 1 <html> ......... 2 <body> 3 <div id="nav"> 4 <ul> 5 <li><a href=&qu…

css通用小笔记03——浏览器窗口变小 div错位的问题

我最近写网页的时候,经常碰到一个普遍的问题,经过我的查阅和尝试,终于解决了这一问题,这里有两种方法提供给大家,如果博友还有更好的方法,欢迎补充. 一.使用min-width属性: 我们先看看下面这段代码(html): <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>无标题文档</title&…

css通用小笔记02——浮动、清除（三个例子）

css中通常会用到浮动与清除,也是一个必须掌握的知识点,概念性的东西不多说,下面举几个例子,来说明它的用法:1.文字环绕效果 2.多个div并排显示 3.清除浮动(默认显示) 一.文字环绕效果: html代码如下: <body> <style type="text/css"> #big img {float: left;padding: 10px;border: 1px solid red;} #big span {font-size: 24px;font-w…

HTML+CSS基础小笔记再整理

1. font的两个必须要写的:font-size 和 font-family text-indent 首行缩进(em)1em=一个文字大小 text-algin 对齐方式:left.center.right text-decortion 文本修饰: underline(下划线)overline(上划线)line-through(删除线)none(无) letter-spacing 字间距(为0时字间距本身为1个像素,若为5px则字间距实际为6px) word-spacing 词间距(先用空格将…

html+css常用小笔记（持续更新）

1 去掉input点击时的蓝色边框 outline:none; 2 禁止文本选中 -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Inte…

Css技术入门笔记01

在学习html的时候,html中的标签都具备了特定功能,或者含义,以及相应的样式效果.可是在有些时候我们可能仅仅希望使用 html标签把要显示的数据封装起来,而不需要任何的样式效果.这时就需要单独的标签来封装数据,而这些标签不能会数据做任何的修饰. 这时我们就可以使用html中的DIV和SPAN标签.这2个标签都是用来封装数据,它们封装的数据没有任何的修饰. 1.CSS演示 div标签:div标签主要用来封装要显示数据,而不会对封装的内容做任何的修饰,它封装的数据会单独的占据一行 span标签:…

CSS Secrets 翻译笔记 01: CSS coding tips

.firDemoButton{ padding: 6px 16px; border: 1px solid #446d88; background: #58a linear-gradient(#77a0bb, #58a); border-radius: 4px; box-shadow: 0 1px 5px gray; color: white; text-shadow: 0 -1px 1px #335166; font-size: 20px; line-height: 30px; } .secDe…