一、css语法:

css由两大部分组成:选择符和声明,声明由属性和属性值两部分组成;

选择符{属性:属性值;属性:属性值;}

注: a) 属性和属性值之间用冒号连接;

b)每条声明结束要加分号;

二、css选择器:

1.id选择器:

语法: <标记 id="id名"></标记>

#id名{属性:属性值;}

注:id名是唯一的,不允许出现同名的id!id名不允许使用词列表的方式!

2.class选择器:

语法:<标记 class="class名"></标记>

.class名{属性:属性值;}

注:可以有相同的类名, 也可以使用类名词列表的方式(当所有样式都与其他元素相同,只有某一个css样式与其他元素不同)

3.元素选择符(类型选择符,标签选择器)

语法:标记名称{属性:属性值;}

注:a)如果想改变某个元素的默认样式时,可以使用类型选择符;

b) 当统一文档某个元素的显示效果时,可以使用类型选择符;

4.群组选择器:

语法:选择符1,选择符2,选择符3{属性:属性值;}

注:给多个元素设置同一个样式时,使用群组选择器

5.后代选择器(包含选择器):

语法:选择符1 选择符2 选择符3{属性:属性值;}

注:选择符1,选择符2及选择符3一定是包含与被包含的关系

6.通配符(通用选择器):

语法: *{属性:属性值;}

常用写法: *{margin:0; padding:0;}

注:*匹配html下所有的标签元素

7.伪类选择器:

语法: 选择符:hover{属性:属性值;}

超链接的四种状态:

a:link     链接没有被访问过时的状态

a:visited  链接访问过后的状态

a:hover    鼠标滑过时的状态

a:active   鼠标按下时的状态

三、css权重问题

1.第一等  内联样式  style=""  权重:1000

2.第二等  id选择器            权重:100

3.第三等  class选择器,伪类选择器,属性选择器   权重:10

4.第四等  类型选择器,伪元素选择器      权重:1

注:后代选择器  权重:各个选择器权重之和

群组选择器  权重:各个选择器自身的权重

前端之CSS语法及选择器的更多相关文章

  1. 前端基础----CSS语法、CSS四种引入方式、CSS选择器、CSS属性操作

    一.CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如: h1 {color:red; font-size:14px;} 二.CSS四种引入方式 1,行内式 行内式是在标 ...

  2. 前端基础-CSS的各种选择器的特点以及CSS的三大特性

    一. 基本选择器 二. 后代选择器.子元素选择器 三. 兄弟选择器 四. 交集选择器与并集选择器 五. 序列选择器 六. 属性选择器 七. 伪类选择器 八. 伪元素选择器 九. CSS三大特性 一. ...

  3. 前端之css样式(选择器)。。。

    一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.c ...

  4. 前端之css样式(选择器)

    一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 例如 二.c ...

  5. 前端之css语法3

    一 float属性 1 基本的浮动规则: block元素和inline元素在文档流中的排列方式. block元素通常被现实独立的一块,独占一行.多个block元素会各自新起一行,默认block预算宽度 ...

  6. 前端学习 -- Css -- 兄弟元素选择器

    为一个元素后边的元素设置css样式: 语法:前一个 + 后一个. 作用:可以选中一个元素后紧挨着的指定的兄弟元素. 为一个元素后边的所有相同元素设置css样式: 语法:前一个 ~ 后边所有. < ...

  7. 前端开发-CSS语法标准

    一.命名规则说明: 1.命名规则说明: 所有的命名最好都小写 属性的值一定要用双引号("")括起来,且一定要有值如class="nav",id="na ...

  8. CSS语法、选择器、继承、层叠

    行内样式(内联样式) <h1 style="color:red;font-size:20px;">css行内样式</h1> 内部样式表(嵌入样式) < ...

  9. 前端之CSS:CSS选择器

    前端之css样式(选择器)... 一.css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器, ...

随机推荐

  1. JOptionPane常用提示框

    //JOptionPane.showMessageDialog(parentComponent, message, title, messageType, icon); JOptionPane.sho ...

  2. 树的深度优先遍历和广度优先遍历的原理和java实现代码

    import java.util.ArrayDeque; public class BinaryTree { static class TreeNode{ int value; TreeNode le ...

  3. 安装mysql 8.0版本时,使用front连接报1251错误或者navicat 连接报错2059解决方案

    这个错误出现的原因是在mysql8之前的版本中加密规则为mysql_native_password,而在mysql8以后的加密规则为caching_sha2_password. 解决此问题有两种方法, ...

  4. caioj1462: 【EXKMP】回文串

    不得不说这是一道好题(前排膜拜灯教授),其实这道题如果不说是EXKMP,很容易就想到Manacher(好像也可以这样做) 回到这道题,这样只有一个字符串,还要求回文?立刻想到了将这个串和它的反串跑EX ...

  5. python二维数组初始化

    >>> a=[[0]*3 for i in range(3)]>>> a[[0, 0, 0], [0, 0, 0], [0, 0, 0]]>>> ...

  6. UVA-10125(中途相遇法)

    题意: 给定一个整数集合,找出最大的d,使得a+b+c=d,a,b,c,d是集合中不同的元素; 思路: 如果单纯的枚举a,b,c的复杂度是O(n^3)的,为了降低复杂度,可以先把a+b的情形都找出来, ...

  7. BZOJ1453: [WC2005]Dface双面棋盘

    离线LCT维护MST,和3082的方法一样.然而比较码农,适合颓废的时候写. PS:线段树分治要好写得多,LCT比较自娱自乐. #include<bits/stdc++.h> using ...

  8. 【Codeforces 632D】 Longest Subsequence

    [题目链接] 点击打开链接 [算法] 设取的所有数都是k的约数,则这些数的lcm必然不大于k. 对于[1, m]中的每个数,统计a中有多少个数是它的约数即可. [代码] #include<bit ...

  9. 【前端】CentOS 7 系列教程之一: 安装 node 最新版

    转载请注明出处:http://www.cnblogs.com/shamoyuu/p/linux_1.html 此系列教程从零开始,安装node.mysql.git,nginx.并且设置git自动部署. ...

  10. 使用Cocos2dx-JS开发一个飞行射击游戏

    一.前言 笔者闲来无事,某天github闲逛,看到了游戏引擎的专题,引起了自己的兴趣,于是就自己捣腾了一下Cocos2dx-JS.由于是学习,所谓纸上得来终觉浅,只是看文档看sample看demo,并 ...