css的选择器种类，熟练掌握并默写标记选择器的基本语法_CSS学习

资料来源：网络整理时间：2023/3/4 1:42:50 共计：3619 浏览

1、css的选择器种类，熟练掌握并默写标记选择器的基本语法？

1.标记选择器主要应用在HTML页中的标记样式选择。如P选择器就用于声明网页中有P标记的文本内容，同理，H1选择器则可以标记页面中H1的样式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代码表示在所有应用H1选择器的地方，将文字的大小设为14像素并加粗，同时将颜色设为灰色，如果要改变H1的颜色，只需将color属性更改就可以了，比如将color设为#e7eefe来与网页的其他地方协调。 2.类别选择器这是一类最常用的选择器，用它来定义网页中需要特殊表现的样式，类别选择器的名称可以由作者自由定义，一般来讲类别选择器的命名最好有一定的意义，使CSS代码更易维护和阅读。例如定义导航就可以使用.daohang{}或者是.nav{}，不要使用简略或者特殊的字符串，否则可能三天后当你再读你的CSS代码时，就连你自己都搞不清一个样式到底是做什么用的！类别选择器就是CSS类，在HTML表现为调用的class。例如： (1)style.css文件中定义 .title { margin:10px; padding:2px 5px;}(2)HTML文件中

在上述定义中，p标签将引用CSS文件中的title样式应用到整个p覆盖的范围。p将显示为一个上下左右margin各为10px，上下padding为2px，左右padding为5px的矩形。请注意类别选择器CSS定义和标记选择器的区别：在CSS文件中，标记选择器前边没有"."号，下面我们还会讲到ID选择器，它的定义也不一样，每个ID选择器样式前有一个"#"号，以确定其为ID选择器，而在HTML中则用ID="style"引用。值得注意的是，一个标签可以同时应用多个class选择器，如,具体大家可以在下边思考并做下实验，笔者在这就不举例了。3.ID选择器(1)ID选择器用法和class基本没有区别，他们的不同之处就在于ID选择器只能在HTML页中使用一次，而class则可以任意多次调用，在CSS文件中，ID 选择器一般写成 #idname { bgcolor:#339; font-size:16px;}如果一个ID应用于多个HTML标记，则有可能造成IE编译错误，并且由于ID选择器可以被JAVASCRIPT等调用，所以多个ID会导致JAVA编译错误并崩溃！ (2)HTML的引用在HTML中引用ID选择器的代码如下所示：并且ID选择器不能像类别选择器那样同时被一个标签调用。这也是完全错误的语法。复合选择器就是基本选择器通过不同的链接方式构成的。复合选择器就是两个或多个基本选择器，通过不同方式链接而成的选择器。

2、dw中怎么定义新css？

1、在dreamweaver cc中可以直接创建css文件，或在内面内手写输入css代码定义规则等等。

2、如果要使用可视化css编辑，可以使用css设计器，在默认的界面下，在软件窗口右侧的活动窗口内就可以找到css设计器。

例如：新建一个html文件，点击css设计器的“源”窗口的“+”号，选择创建css的方式，包括：新建css；附件已有的css或在页面内创建css样式。

3、点击“选择器“窗口的”+“号，选择body，可以看到下面的”属性“窗口内显示出可以编辑的属性列表，鼠标点击相应的属性就可以选择或填写数值进行编辑了，在编辑的时候在”设计“窗口会显示样式的变化。

4、最后如果是新建的css文件，保存路径要正确。

3、css派生器区别是什么？

派生选择器可以使一个元素里的子元素定义样式例如： li a { font-size:14px} 就是给li下的子元素a定义一个14px号像素的字体样式类别选择器在html中引入css样式通常由，类别选择器在CSS中用一个“.”点开头表示如：.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用class="类别名"的方法调用：这里是内容类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除还有，id选择器在CSS中用“#”号开头表示如：#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用id="类别名"的方法调用：这里是内容 id选择器和类别选择器其实是一样的通常id选择器仅是用来表示不重复的样式相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段

4、box在HTML中的意思？

这是个CSS的相邻同胞选择器。 .box + .box 意思就是：选择紧邻第一个box元素的同胞box元素。这俩类名一样，解释起来有点混乱。我举个例子。例如：标题标题

文章段落

如果我这么写：.box1 + h1 ,那么我选择的就是类名叫.h1-1的元素。如果：.box2 + h1 ,它不会选择任何元素，因为.box2的下面没有一个叫h1的同胞元素。如果：h1 + div ,那么会选择.box2的div元素。第一个元素 + 第二个元素这个选择器只会选择紧邻第一个元素并且是在第一个元素下面的同胞级元素上面那段代码，如果你写：.box1 + .box2 将没有效果，因为他们中间夹了个h1元素。但是有一个选择器可以实现，就是.box1 ~ .box2 同胞选择器。能力有限，不知帮到了吗？

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css怎么用id选择器，js完成轮播图的效果_CSS学习 | ·下一条：用css3选择器，html5的CSS3选择器中_CSS学习