html&CSS
文章平均质量分 51
html&CSS
Goodbye_yesterday
湖北大学计科18级
展开
-
BFC的创建规则及其作用
创建规则: 根元素 浮动元素( float 不取值为 none ) 绝对定位元素( position 取值为 absolute 或 fixed ) display 取值为 inline-block 、 table-cell 、 table-caption 、 flex 、 inline-flex 之⼀的元素 overflow 不取值为 visible 的元素 作⽤:可以包含浮动元素 不被浮动元素覆盖 阻⽌⽗⼦元素的 margin 折叠 ...原创 2021-08-24 17:12:02 · 199 阅读 · 0 评论 -
CSS值和单位
1.关键字有时,值用一个词表示,这叫关键字。none是一个非常常见的关键字,若想移除HTML文档中链接的下划线,可以这样写a:link, a:visited { text-decoration: none;}//去掉下划线a:link, a:visited{ text-decoration: underline;}//加上下划线全局关键字inherit initial unsetinherit继承 initial改为初始值 unset是inherit和in.原创 2021-01-13 10:29:10 · 195 阅读 · 0 评论 -
特指度和层叠
1.特指度如果有多个CSS规则作用于同一个元素上,那么特指度最高的声明将胜出特指度值的计算方法选择符的每个ID属性值 0,1,0,0选择符的每个类属性值,属性选择 或伪类加 0,0,1,0选择符中的每个元素和伪元素加 0,0,0,1连结符和通用选择符不增加特指度下面将列举一些例子h1 { color: red;}// 0 , 0 , 0 , 1body h1 { color: green;}// 0 , 0, 0 , 2 上面第二个特指度更大原创 2021-01-12 21:25:16 · 106 阅读 · 0 评论 -
CSS选择符
1.元素选择符元素选择符通常是HTML元素h1 { color: black;}声明和关键字声明块中有一个或多个声明p { font: medium; color: red;}2.群组群组选择符即把几个元素选择符集中在一起h1 , h2, h3 { color: black;}通用选择符* { color: red;}在旧浏览器中使用新元素 使用DOM操作生成元素,浏览器就会把他们当成元素来对待d原创 2021-01-12 18:25:31 · 129 阅读 · 0 评论 -
css基础
1.元素元素通常有两种形式:置换元素和非置换元素置换元素指用来置换元素内容的部分不由文档内容直接表示,在HTML中,最常见的置换元素要属img,它的内容由文档之外的图像文件替换。如不指向外部内容,这个元素什么也表示不了。input元素类似,根据类型的不同,会替换成单选按钮,复选钮和文本输入框非置换元素 HTML元素大部分是非替换元素,即元素的内容由用户代理在元素自身生成的框中显示块级元素与行内元素块级元素独占一行,HTML中最常见的块级元素是p和div行内元素在一行内生成元素框,原创 2021-01-10 13:05:44 · 127 阅读 · 0 评论 -
Saas详解
1. 特色功能 (Features)完全兼容 CSS3 在 CSS 基础上增加变量、嵌套 (nesting)、混合 (mixins) 等功能 通过函数进行颜色值与属性值的运算 提供控制指令 (control directives)等高级功能 自定义输出格式2. 语法格式 (Syntax)Sass有SCSS和Sass这两种语法格式,扩展名分别是.scss 和.sass3.安装npm install -g sass4.语法规则1.嵌套规则scss代码#main p原创 2020-07-12 11:59:38 · 1358 阅读 · 0 评论 -
CSS居中总结
1.行盒,行块盒居中水平居中:设置父元素text-align: center;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial...原创 2020-03-29 17:39:18 · 205 阅读 · 0 评论 -
堆叠上下文
1.定义堆叠上下文 stack context,它是一块区域,这块区域由某个元素创建,它规定了该区域中的内容在z轴上的排列顺序2.创建堆叠上下问的元素(1)html元素(2)设置了z-index(非auto)数值的定位元素3.同一个堆叠上下文中元素的排列顺序从后到前(1)创建堆叠上下文的背景和边框(2)堆叠级别为负值的堆叠上下文(3)常规流非...原创 2020-03-20 13:21:43 · 241 阅读 · 0 评论