CSS
文章平均质量分 59
__Wwinky
这个作者很懒,什么都没留下…
展开
-
CSS 之 三大特性
文章目录层叠性继承性优先性CSS具有三大特性:层叠性继承性优先性层叠性 层叠性主要是解决样式冲突的问题 – 相同选择器 给设置相同的样式,此时一个样式会覆盖掉另一个样式。层叠性原则:样式冲突,遵循的是就近原则,哪个离样式近,就执行哪个样式样式不冲突,不会层叠<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equ原创 2021-07-18 17:21:24 · 88 阅读 · 0 评论 -
CSS 之 display属性
display属性 HTML元素根据浏览器表现形式分为块元素、行内元素以及行内块元素,display属性就是实现这三种元素之间的相互转换。display属性值作用block转换为块内元素inline转换为行内元素inline-block转换为行内块none隐藏标签...原创 2021-07-16 10:00:36 · 81 阅读 · 0 评论 -
CSS 之 字体样式
样式是用于美化网页,为什么要美化网页呢?有效传递页面信息美化网页,吸引用户凸显页面的主题提高用户的体验字体样式给页面中的文字添加一点样式,如大小、粗细、颜色等。CSS的字体属性有:color 字体颜色font-size 字体大小该属性的值可以使用相对长度单位,也可以使用绝对长度单位font-family 字体样式字体样式建议使用英文名称,兼容性较好。字体名称英文名称宋体SimSun黑体SimHei微软雅黑Microsoft Y原创 2021-07-16 09:59:19 · 129 阅读 · 0 评论 -
CSS 之 文本样式
文本样式文本样式主要有:text-decoration 文本修饰:加线underline 下划线overline 上划线line-through 中划线text-indent 首行文本缩进line-height 文本行高/垂直居中letter-spacing 文字间隙text-align 排版center 居中left 向左对齐right 向右对齐使用方法同字体样式相同<!DOCTYPE html><html lang="en">原创 2021-07-16 09:57:56 · 67 阅读 · 0 评论 -
CSS 之 背景样式
样式是用于美化网页,为什么要美化网页呢?有效传递页面信息美化网页,吸引用户凸显页面的主题提高用户的体验想要强调的内容通常使用 <span></span> 标签包裹起来,再对它单独加样式。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>原创 2021-07-15 23:33:56 · 325 阅读 · 0 评论 -
CSS 之 Emmet语法
Emmet 是一个提高前端开发效率的一个工具。Emmet允许在html、xml、和css等文档中输入缩写,然后按tab键自动展开为完整的代码片段。快速生成HTML结构语法生成标签:直接输入标签名按tab键即可,比如div 然后tab键,就可以生成 <div></div>如果想要生成多个相同标签加上*就可以了,比如 div*3 就可以快速生成3个div如果有父子级关系的标签,可以用>,比如ul > li就可以了如果有兄弟关系的标签,用+就可以了,比如div+p原创 2021-07-15 10:55:33 · 85 阅读 · 0 评论 -
CSS 之 选择器
文章目录基本选择器1. 标签选择器2. 类选择器3. ID选择器高级选择器 在 CSS 中,选择器的作用就是选择页面上的某一个或者某一类元素。一个网页就是一棵DOM树,我们可以利用选择器选中DOM树节点。基本选择器1. 标签选择器 标签选择器会选择到页面上所有这个标签的内容。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document&l原创 2021-07-11 16:09:55 · 276 阅读 · 0 评论 -
CSS 之 引用方式
文章目录内联式嵌入式外部式CSS 的引用方式有三种:内联式嵌入式外部式内联式 在页面头部通过style标签定义,对当前页面中所有符合样式选择器的标签都起作用<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /* 内部样式 */ p{原创 2021-07-10 22:53:53 · 213 阅读 · 0 评论 -
CSS 之 基本使用
CSS语法写在网页头部部分,即使用<head></head>标签包裹,利用 <style></style> 标签进行具体定义的。具体语句可以直接写在网页头部部分,也可以写在 CSS 文件中再在网页头部引用 CSS 文件。CSS 的基本语法为:<head> <style> 选择器{ 属性名:属性值; 属性名:属性值; } </style></head>其中:选择器:要修饰的对原创 2021-07-10 19:20:35 · 72 阅读 · 0 评论 -
CSS 之 基本概念
CSS全称是cascading style sheet,译作层叠样式表,用于 控制网页样式,CSS的作用就是美化网页。 打开浏览器控制台,我们可以查看部分CSS样式。(Google浏览器打开控制台的快捷键是 Ctrl + Shift + I)到目前为止,CSS经历了四个阶段CSS 1.0定义了选择器、样式属性、伪类属性、保存方式等CSS 2.0HTML 与 CSS 进行分离,使网页变得简单CSS 2.1添加了浮动、定位等效果CSS 3.0添加了圆角,阴影,动画等效果现在我们使用原创 2021-07-10 19:03:58 · 93 阅读 · 0 评论