CSS学习记录
文章平均质量分 82
CSS基础知识及拓展
勇敢小阵
这个作者很懒,什么都没留下…
展开
-
CSS动画学习
动画一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-09-15 21:41:32 · 76 阅读 · 0 评论 -
JavaScript伸缩盒布局、网格布局学习
day10 15mins伸缩盒布局二级目录三级目录网格布局伸缩盒布局二级目录三级目录网格布局原创 2021-09-12 14:46:17 · 380 阅读 · 0 评论 -
布局、二级导航、块元素居中
定位布局二级导航块元素居中定位静态定位静态定位不要搭配定位的方位名词 position: static;相对定位// An highlighted blockvar foo = 'bar';绝对定位// An highlighted blockvar foo = 'bar';固定定位// An highlighted blockvar foo = 'bar';布局浮动布局// An highlighted blockvar foo = 'bar';粘性布局/.原创 2021-09-07 17:33:41 · 152 阅读 · 0 评论 -
默认文档流、浮动布局、清除浮动
这里写目录标题父元素支撑默认文档流一行多列文字环绕cleardisplayfloat父元素支撑二级目录默认文档流二级目录一行多列二级目录文字环绕二级目录clear规定元素的哪一侧不允许其他浮动元素left 在左侧不允许浮动元素right 在右侧不允许浮动元素none 默认值。允许浮动元素出现在两侧inherit 规定应该从父元素继承 clear 属性的值bothclear: both;//在左右两侧均不允许浮动元素网页效果:display二级目录float二原创 2021-09-06 20:13:29 · 196 阅读 · 0 评论 -
background、盒子模型、表格、图片精灵、border、margin
背景表格盒子模型边框盒子W3C盒子图片精灵border属性margin单方向设置背景背景颜色background-color: pink;背景图片background-image: url('图片路径');重复背景图像background-repeat: repeat;网页效果:其它取值:背景图像是否固定规定背景图像是否固定或者随着页面的其余部分滚动background-attachment: scroll;其它取值:背景图片尺寸background-size:.原创 2021-08-21 19:00:18 · 122 阅读 · 0 评论 -
列表、列表图片、字体库、隐藏、display等内容的学习
这里写目录标题文字行高文本对齐列表list-style-typelist-style-positionlist-style-imagelist-style列表图片paddingmargin字体库隐藏display文字行高line-height:normal; //默认。设置合理的行间距 //number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距 //length 设置固定的行间距 // % 基于当前字体尺寸的百分比行间距 //inherit 规定应该从父元素继承 li原创 2021-08-21 11:22:33 · 111 阅读 · 0 评论 -
CSS伪类选择器、伪类选择器表单、伪元素选择器等特性学习
伪类选择器伪类:用于定义元素的特殊状态。例如它可以用于设置鼠标悬停在元素上时的样式,为已访问和未访问链接设置不同的样式,设置元素获得焦点时的样式等详细学习: https://www.w3school.com.cn/css/css_pseudo_classes.asp.独生子元素:only-child第一个孩子元素:first-child最后一个孩子元素:last-child第n个孩子元素,n从1开始:nth-child(n)倒数第n个孩子元素:nth-last-child(n)每种类型(不同原创 2021-08-16 13:02:55 · 449 阅读 · 0 评论 -
CSS的选择器学习
CSS与HTML建立联系外部样式表该方式需新建 .css 后缀的文件,然后在HTML内head里通过link引入(这种方式可以实现CSS和HTML完全分离,方便维护)在html文件的 head 标签加如下代码:<head><link rel="stylesheet" type="text/css" href="css文件路径/style.csss" />//link标签定义文档与外部资源的关系(常用来链接样式表)//rel:规定当前文档与被链接文档之间的关系(style原创 2021-08-15 16:28:38 · 135 阅读 · 0 评论