![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS基础
伊洛的小屋
公众号: 伊洛的小屋,简书:伊洛的小屋
展开
-
CSS基础6--背景样式及书写模式
本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!背景样式background-color属性定义了CSS中任何元素的背景颜色,属性接受任何效果的color值<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>微信搜索:伊洛的小屋</title> <link href="index.css" rel="style..原创 2020-09-19 11:04:55 · 302 阅读 · 1 评论 -
CSS基础5--选择器和盒子模型
本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!选择器选择器用来指定网页上我们想要样式化的HTML元素,比如H1元素和类元素.special选择器列表分开规则h1 { color: red; } .special { color: blue; } 组合规则h1, .special { color: red; } 任何一个选择器无效,整条规则就会被忽略选择器的种类类型、类和ID选择器:标签名选择器”或者是”元素选择器“,选择了一个HTML标签..原创 2020-09-18 11:07:59 · 262 阅读 · 0 评论 -
CSS基础4--冲突和继承
本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!冲突在默认情况下,一些css属性继承当前元素的父元素上设置的值,有些则不继承。这也可能导致一些和期望不同的结果层叠当应用两条同级别的规则到一个元素的时候,写在后面的就是实际使用的规则简而言之,在最后的效果会生效优先级元素选择器不是很具体:优先级低类选择器稍微具体点: 优先级高<!DOCTYPE html><html> <head> <meta charset="utf-8..原创 2020-09-17 11:08:56 · 1679 阅读 · 0 评论 -
CSS基础3--工作流程及DOM
本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!浏览器工作流程1.浏览器载入HTML文件2.将HTML文件转化成一个DOM(Document Object Model)3.拉取该HTML相关资源4.解析CSS5.渲染树会依照应该出现的结构进行布局6.显示在屏幕上什么是DOM作用:帮助你设计、调试和维护CSS应用:<!DOCTYPE html><html> <head> <meta charset="utf-8"&g..原创 2020-09-16 10:52:50 · 178 阅读 · 0 评论 -
CSS基础2--简单应用
本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!应用CSSCSS编写在扩展名为.css的单独文件中,并利用HTML 的元素引用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>CSS DEMO</title> <link rel="stylesheet" href="index.css"> </h..原创 2020-09-15 11:22:50 · 116 阅读 · 0 评论 -
CSS基础1--基础及语法
本文首发公众号: 伊洛的小屋,欢迎关注并查看更多内容!!!CSS 基础CSS 是Cascading Style Sheet的缩写,翻译为:‘层叠样式表’ 或 ‘级联样式表’。 CSS 定义如何显示HTML的标签样式,用于设计网页的外观效果。通过使用CSS实现页面的内容与表现形式分离,极大的提高了工作的效率CSS语法CSS是一门基于规则的语言h1 { color: yellow; font-size: 3em;}语法由选择器起头,选择HTML元素,这里对h1标题添加央视大..原创 2020-09-14 11:40:55 · 112 阅读 · 0 评论