css - 选择器语法入门

选择器

css里有三种选择器(定位到具体元素的语法)

1 标签选择器

article {
    margin-bottom: 40px;
}

如上,直接写出article就是标签选择器。对应的html为<article>content</article>

2 class选择

.sitename {
    float: left;
}

形如.sitename为class选择。在html里为<div class=‘sitename‘>content</div>

3 id选择

#page {
    width: 600px;
    margin: 0 auto;
    position: relative;
}

如上,形如#page为id选择,html:<div id=‘page‘>content</div>

?

原文地址:https://www.cnblogs.com/aubucuo/p/css3.html

时间: 2024-10-09 01:06:48

css - 选择器语法入门的相关文章

html之css选择器语法学习笔记

相关内容: css选择器的用法: 选择器的语法 标签选择器 类选择器 id选择器 选择器的分组 嵌套选择 属性选择器 子标签选择器 相邻兄弟选择器 参考资料:w3school 首发时间:2018-03-02 23:54 css选择器的用法: css选择器的语法:css选择器的定义有两部分组成,一个是选择器,一个是样式定义 标签选择器(直接根据标签来选择): h1 {color:red; font-size:14px;} p { color: #ff0000; } body { color: #0

CSS选择器语法&amp;示例

CSS3 选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. "CSS" 列指示该属性是在哪个 CSS 版本中定义的.(CSS1.CSS2 还是 CSS3.) 选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstname" 的所有元素. 1 * * 选择所有元素. 2 element p 选择所有 <p>

CSS 选择器语法参考手册

转自:http://www.w3school.com.cn/cssref/css_selectors.asp CSS3 选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. "CSS" 列指示该属性是在哪个 CSS 版本中定义的.(CSS1.CSS2 还是 CSS3.) 选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstna

CSS选择器(CSS终极指南阅读回顾)

CSS选择器语法 CSS样式表有选择器和生命块组成.声明块有属性名.属性值.中间有冒号分开,后面分号结尾. 选择器组操作 可以把几个选择器组合到一块,来快速选取操作的元素.例如,h1,h2,h3,h4,h5,h6{color:red;} *通配符选择器,选择所有的元素. 标签选择器 类选择器 由点号加名字组成.需要html标签添加class属性. 类可以结合标签选择器使用:p.class1. 两个类可以.class1.class2的方式使用,选择class="class1 class2"

CSS+DIV入门第一天基础视频 CSS选择器层叠性和继承性

大家好,我是小强老师, 现在网上的CSS+DIV视频,要么讲的太深,要么太浅,很多初学的同学们总是遇到困难,今天小强老师专门给大家准备了css课程的视频.带你从零基础学习CSS+DIV一直到能独立完成前台网页制作.小强老师是这样分类的,前几次课,我们将CSS+DIV入门基础,后几天课程我们讲案例制作.咱们接下来讲的是css基础部分. 高清视频地址如下: 01  css语法规范:                       http://www.tudou.com/programs/view/8s

Unit02: CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明

Unit02: CSS 概述 . CSS 语法 . CSS 选择器 . CSS声明 my.css p { color: yellow; } demo1.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 2.内部样式:在head元素内部的style标签内 写样式,这种样式

CSS基本语法和选择器

CSS是指层叠样式表(cascading style sheets),样式定义如何显示HTML元素,是真正能够做到网页表现和内容分类的一种语言. [1]CSS基本语法 [2]CSS两种结合方式 [3]几种选择器 基本语法 基本语法也就两种,在head中使用选择器选择,然后在body中使用,如下中的样式属性键:样式属性值1 样式属性值2...是多个属性值的连用. <!DOCTYPE html> <html> <head> <title>02-结合方式2.htm

css基础语法,简单选择器,文本样式2018/4/26

MDN-CSS 介绍 MDN-CSS如何工作 MDN-CSS 语法 MDN-选择器 MDN-简单选择器 MDN-属性选择器 MDN-基本文本和字体样式 color font-family font-style font-weight font-size text-align text-decoration text-indent line-height text-shadow 验证 今天代码部分其实比较简单,主要是多尝试,学习之后,回顾以下自己是否已经掌握以下概念: 什么是CSS,CSS是如何工

DAY44-前端入门-css的三种引用方式以及优先级、样式与长度颜色、常用样式、css选择器

目录 一.css的三种引用方式 行间式 内联式 外联式 二.三种引入的优先级 三.样式与长度颜色 基本样式 长度 颜色 四.常用样式 字体样式 文本样式 背景样式 五.css选择器 基础选择器 基础选择器优先级 组合选择器 组合选择器优先级 属性选择器 一.css的三种引用方式 行间式 1.在标签头部的style 2.属性值是css语法 3.属性值用Key:value形式赋值,value具有单位 4.属性值之间用;隔开 <div style='width:100px;height=100px;b