
CSS
文章平均质量分 75
CSS详细基础
Desire..
年轻的我们把街灯当做月亮。
展开
-
CSS详细基础教程-05-浮动
文章目录目标浮动为什么需要清除浮动清除浮动本质清除浮动额外标签法父级添加overflow:after伪元素法双伪元素清除浮动 目标 浮动 css提供三种传统网页布局方式(就是盒子如何进行排列顺序) 普通流(标准流) 标准流是最基本的布局方式 标签按照规定好默认方式排列 块级元素会独占一行,从上到下顺序排列 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行 浮动 定位 为什么需要浮动 改变元素标签默认排列方式 浮动最典型的应用:可以让多个块级元素一行内排列显示 网页布局原创 2021-12-11 13:42:43 · 530 阅读 · 0 评论 -
CSS详细基础教程-04-圆角边框、盒子阴影、文字阴影
文章目录圆角边框盒子阴影文字阴影 圆角边框 border-radius:length; radius 半径(圆的半径)原理:(椭圆)园与边框的交集形成圆角效果 参数值可以为数值或者百分比的形式 如果是正方形,想要设置为一个圆,把数值修改为高度或者宽度的一半即可,或者直接写为50% 如果是个矩形,设置为高度的一半就可以做 该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角 分开写:border-top/bottom-right/left-radius 盒子阴影 box-shadow原创 2021-12-09 17:54:25 · 144 阅读 · 0 评论 -
CSS详细基础教程-03-盒子模型
文章目录css盒子模型目标盒子模型 css盒子模型 目标 盒子模型 页面布局要学习三大核心,盒子模型、浮动和定位。 学习好盒子模型能非常好的帮助我们布局页面 看透网页布局的本质 网页布局过程 先准备好相关的网页元素,网页元素基本都是盒子Box 利用css设置好盒子样式,然后摆放到相应位置 往盒子里面装内容 网页布局的核心本质:就是利用css摆盒子 盒子模型组成 包括:边框、外边距、内边距和实际内容 边框(border) 边框的三部分组成:边框宽度(粗细) 、边框样式、边框颜色 borde原创 2021-12-05 13:26:05 · 322 阅读 · 0 评论 -
CSS详细基础教程-02-css的emmet语法、复合选择器、元素显示模式、背景、三大特性
文章目录CSS详细基础教程-02-css的emmet语法、复合选择器、元素显示模式、背景、三大特性emmet语法css的复合选择器css的元素显示模式css的背景css的三大特性 CSS详细基础教程-02-css的emmet语法、复合选择器、元素显示模式、背景、三大特性 emmet语法 快速生成HTML结构语法 生成标签直接输入标签名按tab键即可 生成多个相同标签加上* 就可以,比如 div*3 生成带有类名或者id名字的,直接写.demo或者#two 按tab键就可以了 父子级关系用>,如u原创 2021-12-03 18:30:22 · 251 阅读 · 0 评论 -
CSS详细基础教程-01-简介、基础选择器、字体属性、文本属性、引入方式、调试工具
文章目录CSS详细基础教程CSS简介css基础选择器css字体属性css文本属性css引入方式Chrome调试工具 CSS详细基础教程 CSS简介 美化网页,布局页面 HTML的局限性:只关注内容的语义,可以做简单的样式,专注结构呈现 css的层叠样式表简称,标记语言,美化HTML,使网页布局更简单 css基础选择器 css主要的构成:选择器以及一条或多条声明 选择器{样式;},px是像素 选择器是用于指定css样式的HTML标签,花括号内是对该对象设置的具体样式 属性和属性值以“键值对”的形式出现原创 2021-11-30 17:11:00 · 301 阅读 · 0 评论