一、属性

属性：表示事物的一些特征

属性分为标签属性和样式属性

标签属性：<img src="1.jpg" width="200px" heifht="200px"/>

样式属性：<style>

　　　　　　　　p{

　　　　　　　　　　color:red;

　　　　　　　　　 }

二者的区别：1、位置不一样 —— 样式属性写在style中 标签属性写在标签内

　　　　　　2、写法不一样 —— 样式属性是属性：属性值，标签属性是属性="属性值"

二、选择器

1、样式到底按什么要求？

由选择器的权重来决定的

注：标签的权重是1，  class的权重是10，   id的权重是100.

权重是可以叠加的

2、浏览器是如何去执行代码？

浏览器执行代码是从上到下，从左到右。

3、选择器的种类

　　1）、标签选择器

　　2）、id选择器

　　3）、class选择器

　　4）、后代选择器

　　　　　  p  a{

　　　　　　　　color: red;　　　　　　　　　　标签嵌套多层（包括一层）

　　　　　　　　}

　　5）、子代选择器

　　　　　　.pp>a{

　　　　　　　　　  color: red; 　　　　　　　　标签嵌套只有一层关系

　　　　　　　　　}

　　6）、交集选择器

　　　　　#p.aa {

　　　　　　　　　color： red；

　　　　　　　　}

　　　　注：千万不能把标签写在后面，如：.app

三、CSS

1、CSS：层叠样式表

　　目的：是给html添加样式

　　　<style   type="text/css"></style>

2、网页中如何嵌套style样式

　　1）、行间样式：把style当做属性写在标签内

　　　　<p style="color: red;">heello</p>

　　2)、行内样式： 把style当作做标签来用写在head之间

　　　　<head>

　　　　　　<meta charset="UTF-8">

　　　　　　<title></title>

　　　　　　<style  type="text/css">

　　　　　　　　p{

　　　　　　　　　  color: red;                        行内标签

　　　　　　　　　}

　　　　　　</style>

　　　　</head>

　　3）、把style当做CSS文件来用。外部引用

　　　　<link  type="text/css" rel="stylesheet"  href="./01.css">

　　注：rel和href是必不可少的

　　　　双标签     必须写结束标签，p可以忽略结束标签

3、CSS的三种引入方式：

　　1）、行间样式：把style当做属性来使用，键值对在属性值中该怎么用就怎么用；

　　2）、行内样式：把style当做标签来使用，键值还是老样子；

　　3）、外部引入：将样式写在CSS文件中，还是以键值对形式书写样式。

属性，选择器和css的更多相关文章

  1. 23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍

    01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline   ...

  2. Jquery选择器大全、属性操作、css操作、文档、事件等

    一.简介   定义  jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. jQuery对象  jQuery产 ...

  3. CSS属性选择器温故-4

    1.属性选择器就是通过元素属性来找到元素 2.属性选择器语法 CSS3遵循了惯用的编码规则,通配符的使用提高了样式表的书写效率,也使CSS3的属性选择器更符合编码习惯 3.浏览器兼容性 CSS选择器总 ...

  4. CSS 属性选择器(八)

    一.属性选择器 属性选择使用中括号进行标识,中括号内包含属性名,属性值或者属性表达式 如h1[title],h1[title="Logon"], 二.属性选择器分类 2.1.匹配属 ...

  5. CSS笔记（二）CSS属性选择器

    对带有指定属性的HTML元素设置样式. 参考: http://www.w3school.com.cn/css/css_syntax_attribute_selector.asp 选择器 描述 [att ...

  6. IE7浏览器下CSS属性选择器二三事

    一.为何专门说起IE7 以前,或者说数年前,我们从事桌面端网页开发的时候,基本上都还要兼顾IE6浏览器, 即使有些特性,IE7支持,我们也会忽略之.于是,我们会不自然地把IE6和IE7浏览器归为一路货 ...

  7. css笔记04：属性选择器

    1.属性选择器: 带有 title 属性的所有元素设置样式: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...

  8. css中的7中属性选择器

    在CSS的选择符中有七个属性选择符.它们分别是: 1.E[att] 选择具有att属性的E元素. 2.E[att="val"] 选择具有att属性且属性值等于val的E元素. 3. ...

  9. css样式表中四种属性选择器

    学习此连接的总结http://developer.51cto.com/art/201009/226158.htmcss样式表中四种属性选择器1> 简易属性 tag[class]{ font-we ...

  10. CSS 选择器之基本选择器 属性选择器 伪类选择器

    CSS 选择器 常见的选择器列表图 CSS选择器笔记 基本选择器 通配符选择器(*) 元素选择器(E) 类选择器(.className)    所有浏览器都支持类选择器,但多类选择器(.classNa ...

随机推荐

  1. [hdu4662]MU Puzzle(找规律)

    题意:给你一个串MI,按照三种规则1:M后面的部分加倍 2:III->U 3:删去连续的两个UU.看看能否变为给定的串 解题关键:将所有的U转化为I,发现 t+k*6=2^i -> =2^ ...

  2. BZOJ4085: [Sdoi2015]音质检测

    BZOJ4085: [Sdoi2015]音质检测 由于这题太毒了,导致可能会被某些人卡评测,于是成了一道权限题... 本蒟蒻表示没钱氪金... 但是可以去洛谷/Vijos搞搞事... 但是洛谷上只能评 ...

  3. R: matrix & array 生成、操作矩阵、数组：

    ################################################### 问题:生成.操作矩阵   18.4.27 怎么生成矩阵 matrix.,,及其相关操作 ??? ...

  4. BSGS（大小步）算法

    BSGS算法主要用于求解形如ax≡b(mod p)的式子中x的值. 在这里我们不妨设 x=k1*n-k2 这时我们就可以将式子转化为 ak1*n≡b*ak2(mod p) 这里的n我们设为√p,所以我 ...

  5. Ansible Playbooks高级使用

    文件操作 文件创建 file 用于设置文件/链接/目录的属性,或者删除文件/链接/目录 ### state如果是directory当目录不存在时会自动创建:如果是file当文件不存在时不会自动创建 - ...

  6. 洛谷P1310 表达式的值

    P1310 表达式的值 题目描述 对于1 位二进制变量定义两种运算: 运算的优先级是: 先计算括号内的,再计算括号外的. “× ”运算优先于“⊕”运算,即计算表达式时,先计算× 运算,再计算⊕运算.例 ...

  7. python编译环境安装指南

    windows系统先安装python解释器: windows版本exe安装文件下载地址:https://www.python.org/ftp/python/2.7.12/python-2.7.12.m ...

  8. Nacos-spring-samples解析

    小白们在看这个用例的时候得注意,这个东东不知道他是为了让大家能够快速体验还是怎么的, 反正我一开始没整明白,有点想当然的去理解了: 我一直以为这个Nacos-spring-samples只是一个简单的 ...

  9. 黑匣子_NOI导刊2010提高（06） Splay Tree

    题目描述 Black Box是一种原始的数据库.它可以储存一个整数数组,还有一个特别的变量i.最开始的时候Black Box是空的．而i等于0.这个Black Box要处理一串命令. 命令只有两种: ...

  10. AT2582 Mirrored

    传送门 智障爆搜题 可以发现题目给出的式子可以移项 然后就是\(rev(N)-N=D\) 然后假设\(N=a_1*10^{n-1}+a_2*10^{n-2}+...+a_{n}\) 那么\(rev(N ...