![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 85
Lary_c
人生没有标准答案
只有参考答案
展开
-
基于JavaScript的问卷调查系统
要求:1、设计一份调查问卷,问卷分为单选题和多选题;2、问卷答完后点击提交按钮,由JavaScript给出得分;3、应用正则表达式;4、应用本地存储,可以存储用户信息和答题结果;5、应用定时器,在用户答题时进行计时。i. 用户进入网页即开始计时ii. 用户填写相关信息(若学生手机号填写格式错误,则系统提示重新输入iii. 网站设计若第一题用户回答错误,则直接给出0分,后续作答皆不打分iv. 用户正常答题v. 点击保存按钮,系统会将学生各信息保存到本地存储中但不给出分数vi. 点击交卷按原创 2022-12-04 19:56:43 · 2047 阅读 · 0 评论 -
CSS学习笔记-11-Flex布局
flex(弹性盒,伸缩盒)是css中的又一种布局手段,它主要用来代替浮动来完成页面的布局flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变-弹性容器 -弹性元素 弹性容器的子元素是弹性元素(弹性项) 同时是弹性容器设置了display:flex的为弹性容器,它的子元素为弹性元素flex-direction 指定容器中弹性元素的排列方式可选值:主轴 自左向右 ,主轴 自右向左 ,主轴 自上向下原创 2022-12-03 11:46:40 · 245 阅读 · 0 评论 -
CSS学习笔记-10-less的简单使用
less是一门css的预处理语言使用变量时,如果是直接使用则以@变量名的形式使用,可作为类名或一部分值使用时必须以@{变量名}的形式使用变量发生重名时,会优先使用离得比较近的变量原创 2022-12-03 11:43:16 · 1195 阅读 · 0 评论 -
CSS学习笔记-09-动画
transition通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果,提升用户体验指定要执行过渡的属性:transition-property可选值:指定过渡效果的持续时间:transition-duration过渡的时序函数:transition-timing-function指定过渡的执行方式可选值:过渡效果的延迟:transition-delay(等待一段时间后再执行过渡动画和过渡类似,都是可以实现一些动态的效果,不同的是过渡需要再某个属性发生变化时才会触发原创 2022-12-03 11:41:17 · 263 阅读 · 0 评论 -
CSS学习笔记-08-HTML的表格表单
表单–在现实生活中用于提交数据在网页中也可以使用表单,网页中的表单用于将本地的数据提交给远程的服务器使用form标签来创建一个表单form的属性,表单里的内容注意:数据要提交到服务器中,必须为元素指定一个name属性值单选按钮像这种选择框,必须指定一个value属性,value属性最终会作为用户填写的值原创 2022-12-03 11:35:38 · 77 阅读 · 0 评论 -
CSS学习笔记-07-字体与背景
fontawesome使用步骤:1、下载https://fontawesome.com/2、解压3、将css和webfonts移动到项目中4、将alll.css引入到网页中5、使用图标字体直接通过类名来使用图标,通过伪元素来设置图标字体行高(line height)行高指的是文字占有的实际高度可以通过line-height来设置行高行高可以直接指定一个大小(px em)也可以直接为行高设置一个整数 -如果是一个整数的话,行高将会是字体的指定的倍数通常将行高和盒子高设置为一样的值,使单行文字垂直居中原创 2022-12-03 11:31:49 · 353 阅读 · 0 评论 -
CSS学习笔记-06-定位
简单的介绍CSS的四种定位,当元素的position属性值设置为relative时则开启了元素的相对定位,元素开启相对定位后,如果不设置偏移量元素不会发生任何的变化,相对定位是参照于元素在文档流中的位置进行定位的,相对定位会提升元素的层级,相对定位不会使元素脱离文档流,相对定位不会改变元素的性质快还是块,行内还是行内原创 2022-12-03 11:25:33 · 143 阅读 · 0 评论 -
CSS学习笔记-05-浮动
文档流块级元素:独占一行行内元素行内元素可以被包含在块级元素中,反之,则不可以这个也是一种实现行内元素排列的方式,但大多情况都是用float通过浮动可以使一个元素向其父元素的左侧和右侧移动使用float属性可以设置元素的浮动可选值:注意:元素设置浮动后,水平布局的等式便不需要强制成立元素设置浮动后,会完全从文档流中脱离,不再占用文档流的位置,所以元素下边的还在文档流中的元素会自动向上移动浮动的特点:浮动的其它特点:元素设置浮动以后,会从文档流中脱离,从文档流中脱离后,元素的一些特点也会发生变化脱离文档原创 2022-12-03 11:18:51 · 270 阅读 · 0 评论 -
CSS学习笔记-04-盒子模型
margin:外边距padding:内边距border:边框1、边框的粗细2、边框的样式3、边框的颜色、盒子的计算方式:你这个元素到底多大?margin+border+padding+内容宽度垂直外边距的重叠4个角,box-shadow 用来设置元素的阴影效果,阴影不会影响页面布局第一个值 水平偏移量 设置阴影的水平位置 正值向右移动 负值向左移动第二个值 垂直偏移量 设置阴影的垂直位置 正值向下移动 负值向上移动第三个值 阴影的模糊半径第四个值 阴影的颜色原创 2022-12-03 11:12:23 · 88 阅读 · 0 评论 -
CSS学习笔记-03-美化页面元素
简单的介绍CSS中与美化网页元素有关的样式原创 2022-12-03 11:06:01 · 125 阅读 · 0 评论 -
CSS学习笔记-02-选择器
简单的介绍了CSS中4类选择器的应用原创 2022-12-03 11:02:22 · 186 阅读 · 0 评论 -
CSS学习笔记-01-CSS简介
结构 + 表现 + 交互Cascading Style Sheet 层叠级联样式表CSS:表现(美化网页)字体,颜色,边距,高度,宽度,背景图片,网页定位,网页浮动…原创 2022-09-06 17:49:18 · 213 阅读 · 0 评论