HTML/CSS
文章平均质量分 96
总结 HTML/CSS 知识点
CEZLZ
这个作者很懒,什么都没留下…
展开
-
简单学习 CSS3 新特性
文章目录1 边框1.1 圆角1.2 阴影1.3 边框图像2 渐变(Gradients)2.1 线性渐变2.2 径向渐变1 边框新边框属性属性说明border-radius用于设置元素的外边框圆角box-shadow用于在元素的框架上添加阴影效果border-image用于在元素的边框上绘制图1.1 圆角border-radius 属性是一个简写属性,是将这四个属性border-top-left-radius、border-top-right-radiu.原创 2021-10-19 11:46:22 · 341 阅读 · 0 评论 -
BFC 的简单理解
文章目录☠ BFC 是什么?☠ 触发 BFC 方法?☠ BFC 的特性☠ BFC 的应用1. 清除浮动,避免高度坍塌2. 阻止元素被浮动元素覆盖3. 避免外边距重叠☠ BFC 是什么?BFC 的全称是 Block Formatting Context,名为 “块级格式化上下文”。作用是让触发 BFC 的元素处于一个完全独立的空间,使其子元素的布局不会影响到外面元素的布局。☠ 触发 BFC 方法?触发 BFC 的方法如下:根元素 <html>意味着整个 HTML 文档就是一个大原创 2021-08-26 15:38:33 · 136 阅读 · 0 评论 -
五大主流浏览器与内核、浏览器是如何渲染页面?
浏览器的内核有哪些?分别有什么代表的浏览器? &.五大主流浏览器 $.IE 1.内核:Trident内核,也是俗称的IE内核; $.Firefox(火狐) 1.内核:Gecko内核,俗称Firefox内核; 2.开源 2.速度快 3.安全性高 4.扩展性强...原创 2019-12-23 21:15:50 · 250 阅读 · 0 评论 -
盒子模型
盒子模型组成部分 从内到外:内容(content)、内边距(padding)、边框(border)、外边距(margin)作用改善网页布局盒子的内容(content)默认样式下内容宽度为其父容器的宽度,高度是内容自适应。如图: 盒子的内边距(padding) 内容与边框之间的空间。盒子的外边距(margin)盒子边框与相邻元素之间的空间。盒子模型的...原创 2019-12-23 13:13:06 · 103 阅读 · 0 评论 -
块级元素、行内元素、空元素(void)
块级元素与行内元素区分:根据标记内容是否另起一行来区分。 行内元素:<a>、<span>、<em>、<img>、<input>、<select>、<strong>、<textarea>块级元素:<div>、<form>、<p>、<h1>...原创 2019-12-21 23:52:13 · 347 阅读 · 0 评论 -
小div在大div中水平垂直居中方法(div都有固定的大小)
最终效果图:HTML代码:<body> <div id="parent"> <div id="child"></div> </div></body>方法一:绝对定位与负外边距儿子绝对定位,父亲相对定位,先定位到父亲的宽高一半的位置,再上和左各负margin自身的一半。#parent { ...原创 2019-12-21 23:00:03 · 308 阅读 · 0 评论