div+css学习笔记1
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div+css学习笔记1相关的知识，希望对你有一定的参考价值。
今天开始撰写我的学习笔记，今天是第一次写，但是我给自己的目标是坚持写，写给现在的自己，更写给未来的自己，希望围观的各位客官见谅。
今天学习主题是DIV+CSS，其实标准的讲应该称Xhtml+CSS。
一：CSS的四种控制HTML的方式
1、行内式。
直接写在标签行内部。
例：<p style=" font:15px; color:green;"></p>
2、内嵌式。
将代码写在在html的头部<head></head>之间。
例：<head>
<style type="text/css">
<!--
#div1{ font:15px;color:blue;}
-->
</style>
3、链接式
使用率最高、最实用的一种。也是将代码在<head></head>
例:<link href="style.css" type="text/css" rel="stylesheet">,其中style.css文件就是需要编写的CSS文件。
注意事项：在使用链接式的时候，注意CSS文件的位置，如：“./”表示当前文件夹下，“../”表示上一级文件夹下。
4、导入式
采用import导入的方法。
以上四种方式的优先级为（从高到低）：行内、内嵌、链接、导入。
二：页面模块常用命名
1：header 头
2：content/container 内容
3：footer 尾
4：nav 导航
5：sidebar 侧栏
6：column 栏目
7：loginbar 登录条
8：banner 广告
9：subnav 子导航
10：submenu 子菜单
11：scroll 滚动
三：盒子模型
四：块元素和内联元素
块元素特点：块元素有点“霸道”，它有独占一行的特性。不过一物降一物，float属性可以化解块元素不与人合群独占一行的“霸道”，使之可以与其他元素同行排列。
内联元素可以通过display:block成为块元素。在这里不得不提的是，clear属性。clear具有消除float的特性，又能恢复float带来的同行。
以上是关于div+css学习笔记1的主要内容，如果未能解决你的问题，请参考以下文章