11css中常用的四种选择器

《11css中常用的四种选择器》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、◆ Css中常用的四种选择器1.类选择器(class选择器)基本使用.类选择器{       属性名:属性值;       ….}2.id选择器基本使用#id选择器{       属性名:属性值;       ….}案例:/*id选择器的使用*/#id1{       background-color:silver;       font-size:40px;}3.     html元素选择器(html的优先级比id和class选择器要低)某个html元素{       属性名:属性值;       …}Html文件

2、新闻一新闻二新闻三新闻四新闻五

这是一则非常重要的新闻Css.s1{background

3、-color:pink;font-weight:bold;font-size:16px;color:black;}/*id选择器的使用*/#id1{background-color:silver;font-size:40px;}/*html选择器*/body{color:orange;}运行结果☞四个选取器优先权Id选择器>class选择器>html选择器>通配符选则器需求人员(技术+行业背景)财务软件(php,c++)->用友[]4.通配符选择器☞css文件可以使用在各种文件(php,html,jsp,asp…)*{/*margan可以写

4、一个值,(上,右,下,左顺时针)如果是两个值(上下,左右)如果是三个值(上,左右,下)*/margan:10px30px40px1px;margin:0px;padding:0px;可以让所有html元素的外边距和内边距都默认为0，有时特别有用。屏蔽不同浏览器的默认的外边距和内边距的差别à初始化}案例:再比如，我们希望所有的超链接   (1)默认样式是黑色，24px,没有下划线(2)当鼠标移动到超链接时，自动出现下划线,字体变大。(3)点击后,超链接变成红色。这又该怎么实现呢?a:link{a对象在未被访问前的样式(a:linkàahtml

5、元素)       color:black;       text-decoration:none;none没有下划线       font-size:24px;}a:hover{设置a对象在其鼠标悬停时的样式。       text-decoration:underline;//       font-size:40px;       color:green;}a:visited{a对象在其链接地址已被访问过时的样式。       color:red;}Html文件

6、ref="a.css">链接到搜狐/*对同一中html元素分类*/p.cls1{       color:blue;       font-size:30px;}p.cls2{       color:red;       font-size:20px;}Html文件xxxxxxxxx