css
文章平均质量分 63
海阔平
已识乾坤大
展开
-
css 习题练习
css 习题练习style样式代码可以单独放在新的.css脚本中,也可以直接写在.html脚本里:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de原创 2023-04-27 23:38:43 · 273 阅读 · 0 评论 -
前端 css 实现B站个人签名、stack overflow 个人名片
前端 css 实现B站个人签名、stack overflow 个人名片实现一个网页效果的流程:定义网页结构 HTML定义网页样式 CSS定义网页操作逻辑 JavaScriptStack Overflow 名片:效果如下:index.html 源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equ原创 2023-04-26 17:22:21 · 244 阅读 · 0 评论 -
1.14 css 响应式布局 bootstrap
当屏幕宽度满足特定条件时应用css。原创 2023-03-18 23:44:36 · 28 阅读 · 0 评论 -
1.13 css flex布局
flex CSS简写属性设置了弹性项目如何增大或缩小以适应其弹性容器中可用的空间。原创 2023-03-18 23:44:06 · 85 阅读 · 0 评论 -
1.12 css 浮动
float CSS属性指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除,尽管仍然保持部分的流动性(与绝对定位相反)。由于float意味着使用块布局,它在某些情况下修改display 值的计算值:display为inline或inline-block时,使用float后会统一变成block。取值:left:表明元素必须浮动在其所在的块容器左侧的关键字。right:表明元素必须浮动在其所在的块容器右侧的关键字。原创 2023-03-18 23:43:35 · 35 阅读 · 0 评论 -
1.11 css 位置
定位元素(positioned element)是其计算后位置属性为 relative, absolute, fixed 或 sticky 的一个元素(换句话说,除static以外的任何东西)。绝对定位元素(absolutely positioned element)是计算后位置属性为 absolute 或 fixed 的元素。相对定位元素(relatively positioned element)是计算后位置属性为 relative 的元素。原创 2023-03-18 23:43:04 · 36 阅读 · 0 评论 -
1.10 css 盒子模型
应该如何计算一个元素的总宽度和总高度。原创 2023-03-18 23:40:27 · 25 阅读 · 0 评论 -
1.9 css 内边距与外边距
块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(折叠)为单个边距,其大小为单个边距的最大值(或如果它们相等,则仅为其中一个),这种行为称为边距折叠。 父元素与后代元素:父元素没有上边框和padding时,后代元素的margin-top会溢出,溢出后父元素的margin-top会与后代元素取最大值。 percentage:相对于包含块的宽度,以百分比值为内边距。 percentage:相对于包含块的宽度,以百分比值为外边距。原创 2023-03-18 23:41:02 · 69 阅读 · 0 评论 -
1.8 css 元素展示格式
定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。它是 overflow-x 和overflow-y的 简写属性。用来确定如何向用户发出未显示的溢出内容信号。它可以被剪切,显示一个省略号或显示一个自定义字符串。用来设置如何处理元素中的空白 (en-US)。原创 2023-03-15 23:49:28 · 31 阅读 · 0 评论 -
1.7 css 边框
边框根据顺时针上右下左的顺序,可以定义不同的四边。原创 2023-03-15 23:48:47 · 28 阅读 · 0 评论 -
1.6 css 背景颜色、背景图片
图片可以保有其原有的尺寸,或者拉伸到新的尺寸,或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。定义背景图像的重复方式。背景图像可以沿着水平轴,垂直轴,两个轴重复,或者根本不重复。设置元素的背景色, 属性的值为颜色值或关键字”transparent”二者选其一。决定背景图像的位置是在视口内固定,或者随着包含它的区块滚动。为一个元素设置一个或者多个背景图像。为背景图片设置初始位置。原创 2023-03-15 23:48:10 · 75 阅读 · 0 评论 -
1.5 css 字体大小、斜体、粗细、风格
因为该属性的值会被用于计算em和ex长度单位,定义该值可能改变其他元素的大小。风格化有 serif 带衬线、monospace 等宽字体…bolder 变粗 lighter 变浅。原创 2023-03-15 23:45:34 · 184 阅读 · 0 评论 -
1.3 css 颜色表示与取色
black、white、red、green、blue、lightblue等。原创 2023-03-15 23:45:27 · 197 阅读 · 0 评论 -
1.2 选择器:css 标签、ID、类、伪类选择器
选择器主要是用来选取相应的模块,引用相应的样式。原创 2023-03-15 23:44:17 · 763 阅读 · 0 评论 -
1.1 css style 样式定义:行内 style 属性、单页 <style> 标签、多页 <style> 标签
把长宽等样式定义在某个标签的属性中,仅对当前标签产生影响,如:style 里面不能省略掉像素单位 px两种定义属性的方式:不用 style:用 style:此时一般把 定义在 标签里面:标签中的样式可以对该页面的同一类/多类元素产生影响:除了直接对某类标签统一设置样式,还可以结合 class 属性分类设置样式:class 类名可以多个组合在一起:3.多页 标签:对多个页面产生影响在 css 文件夹中新建 文件,把单页 标签里面的内容剪切进来,然后回到 标签 里面添加 标签,就能对多个页面产原创 2023-03-15 23:43:25 · 5555 阅读 · 0 评论