css学习笔记

1.在 CSS 中，类选择器以一个点号显示：
.fancy td {
color: #f60;
background: #666;
}
or
td.fancy {
color: #f60;
background: #666;
}
2.lang 属性规定元素内容的语言
3.如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。
内部有的还是继承内部的，没有的继承外部。
4.id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

id 选择器以 "#" 来定义。
5.<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
li strong {
font-style: italic;
font-weight: normal;
}
通过strong只改变ul中的某一行属性
6.使用 font-family 属性定义文本的字体系列。
把 Web 页面上的段落的第一行缩进，这是一种最常用的文本格式化效果。CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。
可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。
7.
•a:link - 普通的、未被访问的链接
•a:visited - 用户已访问的链接
•a:hover - 鼠标指针位于链接的上方
•a:active - 链接被点击的时刻
8.如需在 CSS 中设置表格边框，请使用 border 属性。
text-align 属性设置水平对齐方式，比如左对齐、右对齐或者居中：
vertical-align 属性设置垂直对齐方式，比如顶部对齐、底部对齐或居中对齐
9.如需控制表格中内容与边框的距离，请为 td 和 th 元素设置 padding 属性
10.
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

CSS outline 属性规定元素轮廓的样式、颜色和宽度
11.
•list-style-type:none - 删除圆点。导航栏不需要列表项标记。
•把外边距和内边距设置为 0 可以去除浏览器的默认设定。
12.
a
{
display:block;
width:60px;
}
•display:block - 把a显示为块元素可使整个链接区域可点击（不仅仅是文本），同时也允许我们规定宽度

13.
创建透明图像 - Hover 效果

在本例中，当用户将鼠标指针移动到图片上时，会改变图片的透明度。

1.内联式

2.嵌入式

<head>

span{

color:blue;

}

</style>

</head>

3.外部式

引用外部.css文件

main.css文件：

span{

color:blue;

}

html文件中调用.css文件：

<head>

</head>

内联式 > 嵌入式 > 外部式

14.

类选择器：

语法：

.类选器名称{css样式代码;}

注意：

1、英文圆点开头

2、其中类选器名称可以任意起名（但不要起中文噢）

使用方法：

第一步：使用合适的标签把要修饰的内容标记起来，如下：

第二步：使用class="类选择器名称"为标签设置一个类，如下：

第三步：设置类选器css样式，如下：

.stress{color:red;}/*类前面要加入一个英文圆点*/

ID选择器：

在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别：

1、为标签设置id="ID名称"，而不是class="类名称"。

2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

posted @ 2016-04-17 17:27 auvxx 阅读(142) 评论(0) 收藏举报

auvxx

css学习笔记

公告