HTML学习笔记(四)
1. css行内样式要注意的问题:
a) stylekeyword要作为标签的一个属性写在标签内;
b) 等号后面是一对双引號包括的内容。
c) Style属性和属性之间是用英文的分好分隔开的。
2. 经常使用属性表:
3. 依据样式代码的位置。可分为三类:
a) 行内样式;
b) 内嵌样式;
c) 外部样式。
4. 在最后一个声明(样式的属性行)后面加上一个分号是个好习惯。
5. 内嵌样式的时候,style标签一定要写在head标签的里面。
6. 在定义类选择器名称的时候,前面一定要加上点(.)。在body里面去用类选择器的时候,使用keywordclass。
7. 在定义id选择器名称的时候。前面一定要加上井号(#),在body里面去用id选择器的时候。使用keywordid。
8. 我们在dreamweaver里面点击css样式栏,然后点击《链接外部样式表》。能够选择《链接》link或者《导入》import方式来链接到外部样式文件。
比如:
<linkhref="css/mystyle.css" rel="stylesheet"type="text/css" />
或者是:
<style type="text/css">
<!--
@import url("css/mystyle.css");
-->
</style>
9. 特殊选择器:
<styletype="text/css">
a{ /* 设置超链接不带下划线,text-decoration表示对文本修饰*/
color:blue;
text-decoration:none;
}
a:hover{ /* 鼠标在超链接上悬停时。带划线*/
color:red;
text-decoration:underline;
}
a:active{ /* 活动链接时,颜色为绿色。并不带下划线*/
color:green;
text-decoration:none;
}
</style>
10. 对于某个HTML标签:
1)假设有多种样式。假设规定的样式没有冲突,则叠加;
2)假设有冲突,则最先考虑行内样式表显示,假设没有。再考虑内嵌样式显示,假设还没有。最后採用外面样式表显示,否则就按HTML的默认样式显示;
11. Div中使用z-index来表示占领哪一层。
HTML学习笔记(四)的更多相关文章
- C#可扩展编程之MEF学习笔记(四):见证奇迹的时刻
前面三篇讲了MEF的基础和基本到导入导出方法,下面就是见证MEF真正魅力所在的时刻.如果没有看过前面的文章,请到我的博客首页查看. 前面我们都是在一个项目中写了一个类来测试的,但实际开发中,我们往往要 ...
- IOS学习笔记(四)之UITextField和UITextView控件学习
IOS学习笔记(四)之UITextField和UITextView控件学习(博客地址:http://blog.csdn.net/developer_jiangqq) Author:hmjiangqq ...
- java之jvm学习笔记四(安全管理器)
java之jvm学习笔记四(安全管理器) 前面已经简述了java的安全模型的两个组成部分(类装载器,class文件校验器),接下来学习的是java安全模型的另外一个重要组成部分安全管理器. 安全管理器 ...
- Learning ROS for Robotics Programming Second Edition学习笔记(四) indigo devices
中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...
- Typescript 学习笔记四:回忆ES5 中的类
中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
- ES6学习笔记<四> default、rest、Multi-line Strings
default 参数默认值 在实际开发 有时需要给一些参数默认值. 在ES6之前一般都这么处理参数默认值 function add(val_1,val_2){ val_1 = val_1 || 10; ...
- muduo网络库学习笔记(四) 通过eventfd实现的事件通知机制
目录 muduo网络库学习笔记(四) 通过eventfd实现的事件通知机制 eventfd的使用 eventfd系统函数 使用示例 EventLoop对eventfd的封装 工作时序 runInLoo ...
- python3.4学习笔记(四) 3.x和2.x的区别,持续更新
python3.4学习笔记(四) 3.x和2.x的区别 在2.x中:print html,3.x中必须改成:print(html) import urllib2ImportError: No modu ...
- Go语言学习笔记四: 运算符
Go语言学习笔记四: 运算符 这章知识好无聊呀,本来想跨过去,但没准有初学者要学,还是写写吧. 运算符种类 与你预期的一样,Go的特点就是啥都有,爱用哪个用哪个,所以市面上的运算符基本都有. 算术运算 ...
- 零拷贝详解 Java NIO学习笔记四(零拷贝详解)
转 https://blog.csdn.net/u013096088/article/details/79122671 Java NIO学习笔记四(零拷贝详解) 2018年01月21日 20:20:5 ...
随机推荐
- 如何用java有选择的输入多行文本
java如何有选择的输入多行文本 今天在做作业的时候碰到了一个问题:要用java做词频统计,但是这就犯难了,java如何有选择性的进行文件输入输出呢? 查阅文档可知,inputStream类和outp ...
- NOIP2018提高组模拟题(四)
能量(energy) Description 有一块能量田,它的形状是 n*m的矩形,每一个格子上都有一个能量值 a[x][y] (可正可负).一块矩形田的能量定义为它的每个格子的能量值之和. ...
- 洛谷——P1009 阶乘之和
P1009 阶乘之和 题目描述 用高精度计算出S=1!+2!+3!+…+n!(n≤50) 其中“!”表示阶乘,例如:5!=5*4*3*2*1. 输入输出格式 输入格式: 一个正整数N. 输出格式: 一 ...
- 【暴力】Codeforces Round #398 (Div. 2) A. Snacktower
题意不复述. 用个bool数组记录一下,如果某一天,当前剩下的最大的出现了的话,就输出一段. #include<cstdio> using namespace std; int n; bo ...
- Exercise03_10
import java.util.Scanner; public class SubtractionQuiz { public static void main(String[] args){ int ...
- display:block什么时候使用
所有的块级元素不需要再在使用display:block定义,块级元素本身的默认属性就是block display:block:比较常用于<a><span>这两个标签,因为他们不 ...
- Python easygui 和 xlrd的安装
一.python的安装 1.我们从python官方网站:http://www.python.org下载python的安装包 2.解压后点击安装,安装完成后,将安装目录配置到环境变量的path里. 3 ...
- 【译】PHP中的Session及其一些安全措施
有一点我们必须承认,大多数web应用程序都离不开session的使用.这篇文章将会结合php以及http协议来分析如何建立一个安全的会话管理机制.我们先简单的了解一些http的知识,从而理解该协议的无 ...
- javascript 定时器 笔记
最近想看下定时器,发现这东西越看越牵连的东西越多,比如js单线程,EVent loop 什么的 看到了几篇比较好的文章 http://ejohn.org/blog/how-javascript-tim ...
- nginx 实现 ajax 跨域请求
原文:http://www.nginx.cn/4314.html AJAX从一个域请求另一个域会有跨域的问题.那么如何在nginx上实现ajax跨域请求呢?要在nginx上启用跨域请求,需要添加a ...