摘要: CSS文本的实例演练 前面我们已经学习了文本的字体样式,这里我们再来学习一下跟文本相关的其他样式属性。 文本除字体外的其他常用样式属性: 文本颜色 color:颜色 字母间距 letter-spacing:大小 单词间距 word-spacing:大小 文本方向 direction:方向 direc 阅读全文
posted @ 2021-03-08 23:36 丨Mr丨C 阅读(42) 评论(0) 推荐(0)
摘要: CSS字体实例的多种变换 字体有以下几种常用属性: 字体 font-family:“字体名称” font-family:“字体1”,“字体2”,“字体3”,…,“字体n”; 支持设置多个字体,使用的优先级从前到后,前面的用不了就用后面的 字号(字高) font-size:大小 font-size:? 阅读全文
posted @ 2021-03-08 12:53 丨Mr丨C 阅读(147) 评论(0) 推荐(0)
摘要: CSS背景使用实例演练 下面介绍和背景相关的css属性,背景是所有的标签都具有的css属性。 背景有以下几种常用属性: 背景颜色 background-color:颜色 背景图片 background-image:url( ‘ ’ ) 背景重复方式 background-repeat:重复方式 ba 阅读全文
posted @ 2021-03-08 12:42 丨Mr丨C 阅读(68) 评论(0) 推荐(0)
摘要: CSS伪元素选择器 学习伪元素选择器之前,我们要先了解一下什么是”伪元素“ 伪元素 字面理解就是 假的元素,指的是并非由我们自己写的元素,而是系统自己写的元素,它并不会显示出来。 与之相对的 就是 真的元素,指的就是由我们自己写的元素,它就是平常我们在代码中能看到的那些元素。 在html的标签中,系 阅读全文
posted @ 2021-03-06 21:17 丨Mr丨C 阅读(167) 评论(0) 推荐(0)
摘要: CSS属性选择器 属性选择器:利用标签的属性对样式的生效对象进行选择。 我们在基本选择器中学过class选择器和id选择器,它们也是标签中的属性,只是因为这两个使用频率很高,因此把它们抽离出来作为两种独立的选择器。 我们如果想利用其他系统自带的属性去选择样式的生效对象,那么就使用属性选择器。 格式一 阅读全文
posted @ 2021-03-06 16:05 丨Mr丨C 阅读(90) 评论(0) 推荐(0)
摘要: CSS组合选择器 组合选择器:把基本选择器通过特殊符号串在一起,串起来之后能带来一些特定的意义。 组合选择器中主要需要掌握的有4个: (1) 分组选择器 格式:选择器1,选择器2,选择器3 {声明} 意义:使用 “,” 将多个基本选择器连在一起,表示 这些选择器 所对应的元素 都使用这个声明中的样式 阅读全文
posted @ 2021-03-06 12:21 丨Mr丨C 阅读(121) 评论(0) 推荐(0)
摘要: CSS原理 CSS有两个重要原则 1.优先原则:后解析的内容,会覆盖掉之前解析的内容。 (类似于,在黑板上,有一个人上去写了一些东西,写完之后,后面的人再写,就得先把前面的那个对应的地方擦掉,才能再写东西) 2.继承原则:嵌套在里面的标签(子元素),会拥有外部标签(父元素)的某些样式。 (里面的标签 阅读全文
posted @ 2021-03-06 10:53 丨Mr丨C 阅读(78) 评论(0) 推荐(0)
摘要: CSS基本选择器 选择器:大括号前的那个东西 作用:通过选择器可以找到html里对应的元素,并把选择器后面的样式传递给元素。 选择器的分类(4大类) 基本选择器 通配符(*)选择器 标签选择器 id选择器 类型(class)选择器 组合选择器 属性选择器 伪元素选择器 基本选择器——通配符选择器 代 阅读全文
posted @ 2021-03-04 22:40 丨Mr丨C 阅读(62) 评论(0) 推荐(0)
摘要: CSS语法 一个css主要有两部分组成:选择器 {声明} 选择器 { 声明1; 声明2; 声明3; ... } /*示例*/ div { /*声明语句由大括号包裹*/ color: red; /*每条声明语句以 属性 :属性值 的形式存在*/ width: 100px; /*每一行只写一条语句*/ 阅读全文
posted @ 2021-03-03 16:42 丨Mr丨C 阅读(53) 评论(0) 推荐(0)
摘要: CSS定义和三种引入方式 在css出现前,html既要负责结构,也要负责样子。 早期的时候就是由标签的属性来决定页面的样子。 为了解决用过多标签属性而产生的麻烦,W3C推出了CSS。 将原本需要多个属性来定义的样式,全部转化为用一个style属性来定义,原本html中的属性和属性值全部以xxx :x 阅读全文
posted @ 2021-03-03 16:39 丨Mr丨C 阅读(524) 评论(0) 推荐(0)