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;
60px;
}
•display:block - 把a显示为块元素可使整个链接区域可点击(不仅仅是文本),同时也允许我们规定宽度
13.
创建透明图像 - Hover 效果
在本例中,当用户将鼠标指针移动到图片上时,会改变图片的透明度。
1.内联式
<span style="color:blue">内容</span>
2.嵌入式
<head>
<style type="text/css">
span{
color:blue;
}
</style>
</head>
3.外部式
引用外部.css文件
main.css文件:
span{
color:blue;
}
html文件中调用.css文件:
<head>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
内联式 > 嵌入式 > 外部式
14.
类选择器:
语法:
.类选器名称{css样式代码;}
注意:
1、英文圆点开头
2、其中类选器名称可以任意起名(但不要起中文噢)
使用方法:
第一步:使用合适的标签把要修饰的内容标记起来,如下:
<span>胆小如鼠</span>
第二步:使用class="类选择器名称"为标签设置一个类,如下:
<span class="stress">胆小如鼠</span>
第三步:设置类选器css样式,如下:
.stress{color:red;}/*类前面要加入一个英文圆点*/
ID选择器:
在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别:
1、为标签设置id="ID名称",而不是class="类名称"。
2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。