无敌大牛牛无敌

Web前端

ACM(68) GitHub(1) Java学习(1) Python(40) SQL(2) work(1) 代码那点事(4) 数据结构(40) 机器学习(1) 牛客21天训练（大二部）(7) 计算机组成原理(9) 计算机网络(1) 软件使用和环境搭建(15)

/ 注册

全部文章 / Web前端（共21篇）

CSS3的绝对定位与相对定位

一、position 的四个值：static、relative、absolute、fixed。绝对定位：absolute 和 fixed 统称为绝对定位相对定位：relative 默认值：static 二、relative定位与absolute定位的区别实例： HTML代码： ...

2020-12-21

0 323

CSS中的margin和padding

padding和margin都是边距的含义：padding是控件的内容相对控件的边缘的边距，称为内边距；margin是控件边缘相对父空间的边距，称为外边距。一、举个例子 <div style="background-color: red;width: 120px;height:...

2020-12-21

0 474

CSS选择器

1.标签选择器根据指定的标签名称，在当前界面中找到所有该名称的标签，然后设置属性格式：标签名称{ 属性名称:属性值 } 注意点：标签选择器选中的是当前页面中所有该名称的标签 2.id选择器根据指定的id找到对应的标签，然后设置属性格式： #id名称{ ...

2020-12-21

0 400

绘制HTML5的Logo

仿照黑马程序员的教程自己写的，总结一些经验一、HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...

2020-12-21

0 417

CSS3构建左侧导航栏

废话不说，先上图代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>设计左侧导...

2020-12-21

0 322

CSS3多列布局

代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多列布局</title&g...

2020-12-21

0 412

黑马书城项目实战

先放效果图一、HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>黑马书...

2020-12-21

0 507

css3之box-shadow

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Box-shadow</title&g...

2020-12-21

0 351

CSS3之导航栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>导航栏</title> ...

2020-12-21

0 320

CSS之Background-size:cover

background-size:100% 100%把背景图进行横向和纵向的拉伸，图片比例随之改变，可能导致图像失真 background-size: cover把背景图扩展至足够大，直至完全覆盖背景区域，图片比例保持不变且不会失真，但某些部分被切割无法显示完整背景图像一般和如下语法连用 ba...

2020-12-21

0 601