html&css整理
关于对html和CSS学习的整理。
谦谦q
这个作者很懒,什么都没留下…
展开
-
关于对CSS选择器的整理
对与CSS的选择器的优先级取决于三个因素:Importance、Specificity、Source order。(1) 核心选择器 标签选择器 div {} ul {} dl {} 类选择器 .nav {} id选择器 #id {} 组合选择器 body , ul {} 并且选择器 ul.nav {} 普遍选择器 *(2) 层次选择器 父子选择器 父 > 子 .nav > li { } #wrapper > * {}原创 2021-09-07 15:19:21 · 64 阅读 · 0 评论 -
CSS总结
CSS一、盒模型1.盒子的组成:内容width+padding+border+margin 2、标准盒子:box-sizing: content-box 大小可随内容的变化而变化;2. 盒子总宽度:width+padding+border+margin 3、边框盒子:box-sizing: border-box 大小不能被内容改变;3. 盒子总宽度:width+margin二、CSS3的新特性1.边框:border-radius box-shadow border-image2原创 2021-08-30 23:22:52 · 127 阅读 · 0 评论 -
css设置实现三列,左右定宽中间自适应
1.使用flex属性。 <title>弹性盒子</title> <style> .box{ display: flex; /*弹性盒子*/ flex-direction: row; /*调整主轴方向,默认为水平方向*/ } .left{ width: 200px; background: red; .原创 2021-08-27 16:42:10 · 165 阅读 · 0 评论 -
关于对CSS动画的练习
今天我们使用css3 animation 做一个3D立方图。CSS样式结构:<title>魔方</title> <link rel="icon" href="./img/logo_32.ico"> <!-- 引入网页标题的图标 --> <style> /* 设置的目前网页背景颜色 */ html{ background-color: black;原创 2021-08-20 22:17:43 · 270 阅读 · 1 评论