CSS基础笔记二

作者: Stevenqqq | 来源:发表于2017-02-20 12:48 被阅读0次

一、CSS注释

1./*   */  单行注释,且注释不能嵌套

2.    /*

      */

多行注释

且常用写法为每一行首加星号.

二、CSS选择器

1.所有标签选择器* {}(通配符选择器)常用:*  {margin:0; padding:0; }

标签选择器p {}div {}

ID选择器#head {} ID值在当前页面必须是唯一的.

类选择器.head {}  标签可以包含多个类选择器,在class标签中用空格隔开。

2.ID命名规范:

1)只允许出现字母(大小写均可,严格区分) 、下划线、数字。

也就是说,id=”laoHe”和 id=”laohe”不冲突

2) 只允许以字母开头

3) 命名没有长度限制,可以是 1 个字母,也可以是很多个。不过不建议太长。

4) 不允许出现标签名(不是硬性规定,是有工作经验的表现)�

3.相同的Class属性值,可以在HTML中出现多次。ID属性值在页面中只能出现一次。

一个class的属性可以有多个值,也就是说一个标签可以有多个类。

建议大家尽量使用类选择器。使用ID时候情况:当确实能唯一确定当前页面中标签只会出现一次,这时候可以使用ID选择器。

如果不能保证相同的作用的标签在页面中只出现一次,那么这时候就选择使用类选择器。

4.不是很推荐使用

标签指定式选择器

5.后代选择器

后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。

后代不仅仅包括儿子,还包括子子孙孙。

注意:后代选择器可以从左向右理解。但是真正浏览器在执行的时候是从右向左进行执行过滤的。

6.并集选择器

各个选择器通过逗号连接而成的,任何形式的选择器(包括标记选择器、class类选择器id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式。

7.子代选择器

让CSS选择器智能选择儿子辈的元素。

例如:h1 > strong {color:red;}

解读为:选择器h1 > strong可以解释为“选择作为h1元素子元素的所有strong元素”。

尖括号和选择器之间可以有空格也可以没有,没有限制。

建议:选择器和尖括号间有空格。

8.

相关文章

  • web前端笔记2:CSS入门

    学习和完成任务二的笔记任务二:零基础HTML及CSS编码(一) 学习的资料 MDN HTML入门 [MDN CSS...

  • CSS基础笔记二

    一、CSS注释 1./* */ 单行注释,且注释不能嵌套 2. /* */ 多行注释 且常用写法为每一行...

  • css基础学习笔记(二)

    文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代...

  • H5-day1-css

    最近在看html基础,好吧,写点笔记,比较low见谅,反正我自己看懂就行了 CSS基础 1、css简介 casca...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • css(二):css基础

    一.选择器 五种:基础选择器,组合选择器,属性选择器,伪元素选择器,伪类选择器。 基础选择器 组合选择器 属性选择...

  • css 笔记一:布局基础

    css 笔记一:基础 css应该是非常基础的东西,大家都现在都过分关注一些前端的前沿技术,却忽视了一些基础功能。即...

  • Css(hack技术)基础笔记(二)

    background-color:red;_background-color:green;/*给IE6用的*/*b...

  • CSS基础笔记

    1.引入其他css样式表@import "style.css"引号里填url 1.CSS的工作原理 瀏覽器解析網頁...

  • CSS基础笔记

    笔记会不定时更新,检查自己知识漏洞。 并集选择器 多个选择器通过逗号连接而成的。 例:h1, h2, p {col...

网友评论

    本文标题:CSS基础笔记二

    本文链接:https://www.haomeiwen.com/subject/kknswttx.html