A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 宇鱼雨 初级黑马   /  2019-4-19 22:02  /  1012 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

Css选择器
简介
Css选择器可以分为:基础选择器和高级选择器(复合选择器);
             基础选择器:标签选择器、类选择器、id选择器
高级选择器(复合选择器):后代选择器、指定标签选择器、并集选择器
选择器的作用
选择标签的,把想要选择的元素标签选择出来。
标签选择器
以标签名称命名的选择器,可以把将页面中所有的同类元素(该标签)全部选中;
标签选择器在实际开发中不建议使用;
类选择器
类选择器使用有一个过程:
  01 定义: 在css里面用点“  .  ”   +  类名称 +{ css键值对 } 进行样式定义;
02 调用:在html里面哪个标签需要,就在开始标签敲空格class=“类名称”进行调用;

类选择器的命名规则:
不能用纯数字、不能数字开头的、不可以中文命名、可以用数字结束;

类名称可以重复出现使用,前提条件是:两个盒子的样式完全一致的,就和人的名字一样是可以重复de;
一个class调用多个类名
一个标签身上只能使用一个class,如果想要调用多个类名我们可以在一个class里面直接以空格隔开直接书写另一个类名称即可;
     例如:<div class=“red  font100”>一个元素调用多个类名</div>
多类名调用可以解决统一修改某一个属性,还可以简化代码
Id选择器
id选择器使用有一个过程:
01 定义: 在css里面用 “  #  ”   +  id名称 +{ css键值对 } 进行样式定义;
02 调用:在html里面哪个标签需要,就在开始标签敲空格id=“id称”进行调用;
id选择器的命名规则:
不能用纯数字、不能数字开头的、不可以中文命名、可以用数字结束;
类选择器和id选择器的区别:姓名和身份证号的区别
类选择可以重复使用,只要样式一致就可以重复的使用同一个类名称;
id选择器是唯一的不能重复使用,一个id名称一个页面只能出现一次;
通配符选择器   *
一个 * 号表示选中了所有的标签(包括了咱们学过的和咩有学过的w3c规定的标签)
*{
        margin:0;
    padding:0;
}
以上代码表示所有的标签默认的margin设置为0,padding设置为0;

常见的文字控制属性
颜色      color
文字大小font-size(强制记忆)   
font-size    取值单位是px和em,px常用,em表示一个字的大小;
一般情况下浏览器默认的文字大小是不一致的,所以我一开始就需要将整体的body的font-size设置为固定的大小统一浏览器的显示,按项目需求一般是12px、14px、16px之间;
文字字体font-family(强制记忆)  
font-family取值可以取一个或者多个,如果取多个值要用英文的逗号隔开,表示先找第一个字体如果没有就往后面查找,依次类推;
如果是汉语的文字或者特殊符号和有空格隔开的英文,要用英文状态的引号引起来;
font-family:Arial,”Microsoft Yahei”,“微软雅黑”,”黑体”;
常用的unicode字体写法

首行缩进text-indent(强制记忆)
text-indent首航缩进,取值为具体的像素值或者直接em,1em等于一个字的大小,取值可以是正值也可是负值;
文本装饰text-decoration (强制记忆)
text-decoration:none;没有线  ---- 取消超链接a默认的下划线
text-decoration:underline;下划线 --- 给需要加下划线的文字加下划线
text-decoration:line-through; 中划线/删除线
text-decoration:overline;上划线

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马