黑马程序员 .NET学习笔记 <10>

---------------------- ASP.Net+Android+IOS开发、 .Net培训、期待与您交流！ ----------------------

HTML2

1、  CSS、样式表

1）  CSS是描述元素的皮肤。

2）  使用方式：内联、页面嵌入、外部引用

3）  内联：style=”background-color:red”设置背景颜色为红色。

4）  页面嵌入：在外部添加<style>标签。

5）  外部引用：在项目中添加样式表，通过<link type=”text/css” rel=”stylesheet” href=”css1.css”/>，其中href为样式表路径。

6）  Style标签中常见样式：background-color：（背景色）、border-style：（边框样式）、display：（元素是否显示）、cursor（鼠标在元素上显示的样式）、list-style-type：（在<li>标签中不显示圆点）等。

7）  计量单位：px（像素）、百分比（30%）、em（相对单位）等。

2、  div和span

1）  div标签：把内容放在一块，方便整体修改。单独为一列。

2）  span标签：把内容放在一块，方便整体修改。任意地方都可以。

3、  样式选择器

1）  对于非内联样式，需要定义样式选择器，主要有三种：标签选择器、class、id。

2）  标签选择器：用于对指定标签采用统一样式，例：input{border-color：yellow}

3）  Class选择器：已经定义一个命名样式，然后在用到它的时候设定元素class属性样式的名称，例：在style中定义.warning{background：red} 在<div class=”warning”>你好</div>标签中使用。也可在样式名前家标签名，实现同样样式名对不同标签有不同效果。

4）  Id选择器：声明样式：#id名{ }，引用样式：id=”名。”

4、  样式优先级：style覆盖class。

---------------------- ASP.Net+Android+IOS开发、 .Net培训、期待与您交流！ ----------------------