css选择器

HTML代码 admin 411浏览

a链接

链接文字和图片
文字或者图片

如:西安seo
连接在不同的页面
target=”_blank”

如:西安seo

链接到同一个页面的不同位置

链接位置7

位置7

如:连接到指定位置02

位置01

位置02

位置03

四种状态的css顺序不能随意变更

快速记忆:LoVe和HAte

a链接的四种状态:
a:link{ color:blue;}未访问时的链接是蓝色
a:visited{ color:orange;}访问过后的颜色
a:hover{ color:red;}鼠标指上去的效果
a:active{color:black;}点击的瞬间颜色

css语法是由三部分构成:

选择器、属性、值 如:h1[选择器] {color:red;font-size:14px;}[前面是属性后面是值]

选择器是你希望改变的HTML元素或者标签。属性是你希望改变的属性,每个属性都有一个值,中间用冒号分开,并用花括号包围,这样就组成了一个完整的样式声明。

选择器的分类

标记选择器如:h1{color:red}

title

id选择器 【#】 可以自定义相应的名称 #box{ color:bue;}

title

类选择器 【.】 class选择器 .box{ font-size:40px}

title

复合选择器 多个选择器同时声明他的分格样式,可定义多个标签。

如:h1,h2{ color:red}

title

title

交集选择器

交集选择器是多个选择器通过逗号链接而成,可以同时声明风格相同的样式。

p{ baclground:green;}
p#box{ color:white;} 定义第一个颜色
p.box{ color:blue;}

复合选择器

复合选择器2

并集选择器第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器。两个选择器之间不能有空格必须连续写。

后代选择器外层的标记写在前面,内层的标记写在后面,之间用空格分隔。

.father{ height:100px;background:orange;}
.father p{ height:50px;width:50px;} 定意了子元素

这是子元素

转载请注明出处:西安SEO|网站排名优化顾问|一名网络技术: » css选择器