摘要: 一,css的显示模式(display) 学习的初期,我们就要知道,标准文档流等级森严。标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 二,行内元素和块级元素的区别 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽 阅读全文
posted @ 2021-04-21 18:09 nick_xm 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 一,背景属性 常用背景相关属性: 属性 描述 background-color 规定要使用的背景颜色。 background-image 规定要使用的背景图像。 background-size 规定背景图片的尺寸。 background-repeat 规定如何重复背景图像。 background-a 阅读全文
posted @ 2021-04-21 18:08 nick_xm 阅读(78) 评论(0) 推荐(0) 编辑
摘要: 一,字体属性 1) text-align 文本对齐 test-align属性规定元素中的文本的水平对齐方式 | 值 | 描述 | | : : | : : | | left | 左边对齐 默认值 | | right | 右对齐 | | center | 居中对齐 | | justify | 两端对齐2 阅读全文
posted @ 2021-04-21 18:06 nick_xm 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 一,字体相关css属性介绍 1)font-family 字体系列。 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。 简单示例: body { font-family: "Microsoft Yahei" 阅读全文
posted @ 2021-04-21 18:03 nick_xm 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 一,选择器的优先级 我们现在已经学过了很多的选择器,也就是说我们有很多种方法从HTML中找到某个元素,那么就会有一个问题:如果我通过不用的选择器找到了相同的一个元素,并且设置了不同的样式,那么浏览器究竟应该按照哪一个样式渲染呢?也就是不同的选择器它们的优先级是怎样的呢? 是先来后到呢还是后来居上呢? 阅读全文
posted @ 2021-04-21 17:56 nick_xm 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 一,伪元素 介绍常用的伪元素。 二,first-letter 用于为文本的首字母设置特殊样式。 例如: p:first-letter{ font-size: 48px; } 三,berore 用于在元素的内容前面插入新内容。 例如; p:before{ content: "*"; color: re 阅读全文
posted @ 2021-04-21 17:54 nick_xm 阅读(662) 评论(0) 推荐(0) 编辑
摘要: 一,分组选择器 1)什么是分组选择器 当多个元素的样式相同的时候,我们没有必要重复地为每个元素都设置样式,我们可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式。 例如: div,p { color: red; } 为div标签和p标签统一设置字体为红色的样式。 通常,我们会分两行来 阅读全文
posted @ 2021-04-21 17:53 nick_xm 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 一,属性选择器 除了HTML元素的id属性和class属性外,还可以根据HTML元素的特定属性选择元素 1)根据属性查找 [title] { color: red; } 2) 根据属性和值查找 找到所有title属性等于hello的元素: [title="hello"] { color: red; 阅读全文
posted @ 2021-04-21 17:52 nick_xm 阅读(155) 评论(0) 推荐(0) 编辑
摘要: | #### 一,CSS 选择器 | | | | 首先来说一下,什么是选择器。在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTML页面中查找特定元素的,找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 | 阅读全文
posted @ 2021-04-21 17:51 nick_xm 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 一,网页中引用css样式 1)CSS 的三种引入方式 内联样式 行内样式表 外部样式表 链接式 导入式 二,内嵌方式 style 标签 <!doctype html> <html> <head> <meta charset="utf8"> <style> p { color: red; } </st 阅读全文
posted @ 2021-04-21 17:50 nick_xm 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 一,CSS 初始 一,我们为什么需要CSS 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性,当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心 阅读全文
posted @ 2021-04-21 17:46 nick_xm 阅读(51) 评论(0) 推荐(0) 编辑