css学习--css选择器

学习慕课网笔记,课程:http://www.imooc.com/code/2024

1.css选择器

子选择器:parent>child

子选择器是指选择parent的范围内的第一个子元素。这里parent和child均是伪代码。可以是class用.classname,也可以是标签ul>li,也可以是id #pid>#cid

后代选择器:parent child

后代选择器是指:选择parent范围内的所欲child元素。与子选择器不同的是,这里包含嵌套内的child元素,而子选择器仅仅选中parent下的直接的第一个子元素。

全局选择:*{}

这里可以配置全局的默认配置,如去掉默认间距等。

多个选择器同时设置:h,span,div{}

多个选择器用逗号间隔,设置通用的样式。

时间: 2024-10-23 19:15:40

css学习--css选择器的相关文章

CSS学习------CSS定位(position)与浮动(float)

position属性:用来对元素进行定位 定位的意义: 定位允许你定义元素框相对于其正常位置应该出现的位置. 相对于父元素. 相对于另一个元素. 相对于浏览器窗口本身的位置. 定位分为:绝对定位和相对定位. 相对定位: 如果对一个元素进行相对定位,它将出现在它所在的位置上.然后,可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动. 在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间.因此,移动元素会导致它覆盖其它框. 示例: <html>   <

07.css学习-css选择器

<html xmlns="http://www.w3.org/1999/xhtml"><head><style type="text/css">/*选择器: 选择器的作用就是找到对应的数据进行样式化. 1.标签选择器: 就是找到所有指定的标签进行样式化. 格式: 标签名{ 样式1:样式2.... } 例子: div{ color:#F00; font-size:24px; } 2. 类选择器: 使用类选择器首先要给html标签指定

css学习之——选择器

css3在原来的原则器基础上增加了很多类型的选择器,下面总结一下css3提供的选择器,当做一个复习. 一.基础选择器 1.* :通配选择器,选择HTML文档中的所有元素. 2.#idValue :id选择器,选择id为idValue的元素. 3..classValue :类选择器,选择类为classValue的元素 4.E: 标签选择器,选择所有E元素 5.E,#idValue,.classValue :群组表达式,选择所有的E元素和id为idValue的元素,类为classValue的元素.

css基础与选择器——精通css学习笔记(一)

开篇,作者就告诉了我们正确的学习方式——先用后学.在有了一定的基础之后,就要去尝试着做一些小东西.学的过程中要保持入和出的平衡,不输出就等于没有输入.很多经验总是相同的,类似这样正确的道理,总是在能在各种场合被告诫. 学习css的正确方法,也正是在有了一定的基础知识之后,就要多看源码,多看别人的小例子,尝试着大胆的在自己的网站上应用. 新技术的出现,往往是因为旧技术的局限性所导致,css也是如此.在早期,html被承担了太多"功能".font标签用来控制各种样式,繁琐的表格嵌套用来布局

CSS学习_属性选择器

CSS选择器参考 [attribute]--选取带有指定属性的元素: [attribute=value]--选取带有指定属性和值的元素: [attribute~=value]--选取属性值中包含指定词汇的元素: [attribute|=value]--选取带有以指定值开头的属性值的元素,该值必须是整个单词: [attribute^=value]--匹配属性值以指定值开头的每个的元素: [attribute$=value]--匹配属性值以指定值结尾的每个的元素: [attribute*=value

CSS学习(八)——定义选择器

ID定义型与class定义型排版样式 (1) 对于ID定义型,每个ID在页面中只能用一次.尽管一个ID在页面内多次使用也能实现效果,但是这样写不规范.如果同一个样式页面内多次使用,应该用class定义型. (2) ID可与标记定义型结合使用,例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio

学习css常用基本层级伪类属性选择器

常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给class是hcls的一类标签设置模式:3.id选择符#h3{}//给id是h3的标签设置样式:4.关联选择符#div h1.#div h1.ljhcls:5.div,h1,pmspan,button{}基本选择器分为:first-child第一个.::first-letter第一个字母.::fist-li

前端学习(9)~css学习(三):样式表和选择器

本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS几种扩展选择器:后代选择器.交集选择器.并集选择器 CSS样式优先级 CSS 概述 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css

08.css学习-伪类选择器

<html xmlns="http://www.w3.org/1999/xhtml"><head><style type="text/css">/* 伪类选择器:伪类选择器就是对元素处于某种状态下进行样式的(a表示对a标签作用). 注意: 1. a:hover 必须被置于 a:link 和 a:visited 之后 2. a:active 必须被置于 a:hover 之后 */ a:link{color:#F00} /* 没有被点