HTML+CSS基础学习笔记1

任一：软件架构：

1.c/s 客户端/服务器 

自定义协议 安全度高

2.B/S （前端）浏览器客户端/服务器

HTTP协议安全度低

二：

重定向：<meta ="refresh" content="时间;重定向网址"

三：

内联框架：<iframe></iframe>

src:URL 引入一个外部页面

不会被搜索引擎检索

四：

块元素：DIV  独立占一行

内炼元素：span  只占自身大小位置

<p>元素不能包含块元素

五：

属性选择器：

[属性=属性值]选取含有属性值的元素

[属性值^=属性值]选取属性值以指定内容开头的元素

[属性值￥=属性值]选取属性值以指定内容结尾的元素

[属性值*=属性值]选取属性值以包含指定内容的元素

 

兄弟选着器：

前一个+后一个 选择后一个选择器

 六.

选择器的优先级：

内联样式 优先级1000

ID：100

类和伪类：10

元素：1

同优先级的选择器使用靠后的一个

使用！important优先级最高

七.

伪类顺序

LVHA

八.

盒子模型：

边框border

外边距margin

内边距padding

内容区 element

九.

盒子模型：

1.边框border：border-width：上 左右 下 边框宽度

         border-color：边框颜色

         border-style：边框样式

三个属性缺一不可

十.

盒子模型：

2.内边距：padding：

子元素不会占用父元素的内边距

十一.

盒子模型：

 margin 外边距 

margin可以设置auto属性值 一般用于水平方向，设置为最大值 垂直方向为0  左右同时设置为auto为居中

简写属性 顺序margin：上 右 左 下