weixin_57766522的博客

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论 区教导和提问喔。如果有就得移除，如果没有就添加。（还有一个更简便的发现方法如下）这是我所学到的网页开关灯，所以我要分享给你们，希望可以帮助到你们。先写一个页面加载，做按钮点击绑定点击事件，然后获取。然后做点击，点击事件里面获取到。先写一个页面加载，然后获取到。注册点击事件，然后找到。...

2.在title标签下面给他一个style标签，在style标签里面给他一个*标签设置他的padding为0，margin为0，在*标签下面给他一个comment标签在标签里面给他一个font-size为40px,在给他一个color为yellow，然后在comment li里面给他一个float：left, 下面给他一个ul标签里面给他一个list-style为none。文本为实心的五 角星然后它前面的也要为实心的，在设置后面的为空心的。的星星变成实心的，然后设置它前面的。标签也为实心的，后面的所有的。.

3.在设置wrap的margin外边距为100像素，居中0；wrapimg设置他的宽为200pxheight为186px，displayblock，border为0。1.首先在body标签里面给他一个div然后在给div设置一个类名，在div里面给他一个ul标签，在ul里面在给他一个li标签在li标签里面给他一个a标签在a标签里面的herf给他一个#符号然后在a标签里面给他一个img标签然后倒入我们的图片。这是我所学到的突出显示，所以我要分享给你们，希望可以帮助到你们。...

2.在title下面给他一个style标签里面给他一个样式宽为300像素高为200像素设置背景颜色为蓝色。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔。这是我所学到的动画相关方法，所以我要分享给你们，希望可以帮助到你们。...

3.接着elseif为num为大于或大于80成绩为中等，接着同样的方法大于等于70，成绩为良好，接着一样大于等于60，成绩为及格，接着60以下else{alert（“请继续努力”）}以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！2.if的判断（num大于>90）{alert输出（“成绩等级为优秀”）}这是我所学到的分数的等级划分，所以我要分享给你们，希望可以帮助到你们。...

3.接着elseif为num为大于或大于80成绩为中等，接着同样的方法大于等于70，成绩为良好，接着一样大于等于60，成绩为及格，接着60以下else{alert（“请继续努力”）}1.首先在body给一个script，通过var声明一个变量为numprompt(“请输入1~100的成绩”)以上就是我的分享，新手上道，请多多指教。2.if的判断（num大于>90）{alert输出（“成绩等级为优秀”）}这是我所学到的分数的等级划分，所以我要分享给你们，希望可以帮助到你们。...

3.我们想用进行改变通过script通过js里面改变，然后还是先要给div一个ID名，这时候var声明一个变量为boxBtn然后document.getElementById获取的他(“box”),获取到他，然后boxBtn.onclick=function直接单击就可以触发他，触发他以后他这个函数里面应该跟这执行的效果改变他的样式boxBtn.style后面跟上width改变他的宽度，通过这个方法我们可以改变他的宽，高，注意backgroundColor的C是大写，边框，圆角效果，然后浏览器打开。...

1.首先在body里面给他一个ID名，先写div给他一个类名，然后在div标签里面写一个p标签里面写上，请选择网页背景颜色:, 在给6个div,div给他一个ID名 2.在style给他一个通配符把他的外边距设置为0像素，padding也设置为0像素，container的类设置他的宽为400像素，高为40像素同时文字是处于一个居中的状态，加一个line-height的行高也为40像素，边框border，1像素 实线 颜色为黑色，给他一个外边距 上下为50像素 左右为auto，padding填充上下为0，左右

2.在div下面写script通过var 声明一个变量box= document.getElementById（“box”）获取到他以后，box.鼠标移入onmouseover= function鼠标事件后面在跟着他要执行的代码(){接着改变他的背景颜色box.Style.BackgroundColor = “red”}鼠标移出box.onmouseout = function(){box.style.backgroundColor = "blue";} 3.先确定对象box.onclick = fun

1.首先在这里看到一个格式这里给了一个div是他的父盒子那么这个父盒子叫做box里面给了三个小盒子叫item2.box就是父盒子他先给了一个宽高，margin就是为了父盒子和浏览器有一定的距离，padding就是让里面的子盒子和父盒子边框有一定的距离，然后在给到背景颜色，然后在给到border-radius就是父盒子的一个圆角效果的10像素，然后box-shadow给到的是阴影部分inset他是内阴影设置，然后最主要是要让display: flex作为转换3.然后bo..

首先小于539的时候为粉色，第一步通过@media做开头，后面是媒体是显示在什么上面，跟上screen 后面跟上and跟上之后加上小括号，max是最大宽度为539，然后设置一个颜色2.然后在第二个大于540，小于970的时候，同样以什么开头以@media 跟上screen and之后小括号min-width最小值为540像素，大于等于540，为蓝色3.第三个大于等于970是min-width: 970为一个红色这是...

表单单独的表单控件会被自动赋予一些全局样式所有设置了.form-control类的<input>、<select>、和<textarea>元素都将被默认设置宽度属性为width：100%；，将label元素和前面提到的控件包裹在，form-group中可以获得最好的排列表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通，常见的元素主要包括：文本输入框，下拉选择框，单选框，复选框，文本域和按钮等表单.

项目属性介绍完容器属性，简单介绍下项目属性。容器属性是加在容器上的，那么项目属性呢，就是写在项目上的，就好比容器属性给ul，项目属性给li差不多一个意思。1.order取值：默认0，用于决定项目排列顺序，数值越小，项目排列越靠前。.item {order:<integer>;}取值：默认0，用于决定项目在有剩余空间的情况下是否放大，默认不放大；注意，即便设置了固定宽度，也会放大。.item {flex-grow:<number&...

1.flex-direction属性取值：row(默认)| row-reverse | column | column-reverse用于控制项目排列方向与顺序，默认row，即横向排列，项目排列顺序为正序1-2-3；row-reverse同为横向排列，但项目顺序为倒序3-2-1。column 与row相反，为纵向排列，项目顺序为正序1-2-3，column-reverse同为纵向排列，项目顺序为倒序3-2-1。.box {flex-direction:row | row-reve...

1.flex-flow属性*flex-flow属性是flex-deriction与flex-wrap属性的简写集合，默认属性为row nowrap，即横向排列，且不换行，如果需要控制项目排列与换行，推荐使用此属性，而非单独写两个。.box {flex-flow:<flex-direction> || <flex-wrap>;}2.justify-content属性取值：flex-start(默认)| flex-end | center | spac...

Css的引入方式一共有三种：行内样式、内部样式表、外部样式表行内样式1通过style属性引入css样式示例：2内部样式表在style标签里面写css样式示例：3.外部样式表Css代码保存到外部的css文件中，html文件通过link标签引用该css样式表。示例：这是我所学到的css的引入方式，所以我要分享给你们，希望可以帮助到你们。以上就是...

1、伪元素伪元素用于设置元素指定部分的样式。比如说设置元素的首字母、首行的样式;在元素的内容之前或之后插入内容常见的伪元素如下图语法：selector::pseudo-element {property: value;}选择器::伪元素{属性：属性值;}常用伪元素 ::after p::after 在每个 <p> 元素之后插入内容。 ::before ...

1、字体和文本CSS字体属性定义字体，加粗，大小，文字样式.所有CSS字体属性 Property 描述 font 在一个声明中设置所有的字体属性 font-family 指定文本的字体系列 font-size 指定文本的字体大小 font-style 指定文本的字体样式 font-v

1.元素选择器:通过选择html标签设置css样式示例：直接选取p标签设置文本颜色2.类选择器：通过设置class类设置css样式注意：class命名不能以数字开头示例：设置类名为change的标签中的文本颜色3.ID选择器：通过设置ID来设置css样式 注意：ID命名不能以数字开头示例：设置ID为select的标签中的文本颜色4.后代选择器：写法：divp示例：选择 div标签里面的所有子元素 为p标签5.直...

1translate()从其当前位置移动元素（根据为 X 轴和 Y 轴指定的参数）。示例：2rotate()方法根据给定的角度顺时针或逆时针旋转元素示例：3scale()方法增加或减少元素的大小（缩放）（根据给定的宽度和高度参数）。示例：4skewX()方法使元素沿 X 轴倾斜给定角度。skewY()方法使元素沿 Y 轴倾斜给定角度。示例：这是我所学到的css 2D转换，所以我要分享给你们，希望可以帮助到你们。...