css基础
林一。
这个作者很懒,什么都没留下…
展开
-
前端基础 - CSS(一) 层叠样式表
CSS (层叠样式表)css也是一个标记语言作用: (1)设置HTML页面中的文本内容、图片的外形以及版面的排版显示 (2)页面布局更加灵活css样式规则:两部分组成:选择器 声明 选择器:用于指定css样式的HTML标签,花括号内是对这个对象设置的具体样式 属性和属性值 键值对出现 属性与属性值之间使用“ : ”分开 多个声明之间使用“ ; ”分开符合实际开发的书写方式1.样式格式的书写h4 { color: yello原创 2020-10-29 19:05:53 · 123 阅读 · 0 评论 -
前端基础 - 案例二:酱品购电商网站首页(精简版)
酱品购电商网页–精简版HTML :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="style原创 2020-11-06 09:22:27 · 169 阅读 · 0 评论 -
前端基础 - 案例一:基础网站搭建
基础网站搭建案例:HTML :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesh原创 2020-11-06 09:21:23 · 850 阅读 · 2 评论 -
前端基础 - CSS(四)
css提供了三种传统的布局方式 1.普通流(标准流) 所谓的普通流就是标签按照规定好的方式进行排列(块元素、行内元素 标准流布局) 2.浮动 3.定位 浮动(float) 本质-css摆放盒子 为什么需要浮动? 有很多的布局效果,标准流没有办法完成的,此时我们就需要利用浮动完成布局 因为浮动可以改变标签的默认的排列方式 浮动最典型的应用就是多个块元素一行排列显示.原创 2020-11-03 18:47:05 · 127 阅读 · 0 评论 -
前端基础 - CSS(三)
盒子模型三大核心:盒子、浮动、定位 ->布局的网页的布局过程 准备好相关的网页元素,Box 利用CSS设置好盒子样式,摆放位置 往盒子里装东西 核心的本质:利用CSS摆盒子盒子模型:矩形的盒子。容器 CSS盒子模型本质就是一个盒子 封装周围的HTML元素、边框、内边距、外边距 1.边框(border) border可以设置元素的边框的。边框是由三部分组成 粗细、颜色原创 2020-11-03 09:31:11 · 153 阅读 · 1 评论 -
前端基础 - CSS(二)
复合选择器 复合选择器是由两个或者多个基础选择器,通过不同的方式组合而成 快速定位到所需要的标签1.后代选择器->包含关系2.子代选择器 只能选择作为一种某元素最近的元素3.并集选择器 并集选择器可以选择多组标签,同时为他们定义相同的样式。 元素1,元素2{样式声明}表示选择元素1和元素2 元素1和元素2中间用逗号隔开 逗号可以理解为和的意思 并集选择器通常用于集体声明原创 2020-10-31 10:38:59 · 153 阅读 · 0 评论