恢复内容开始 一、第一阶段 专业核心基础 1、第一周 HTML和CSS入门 知识要点: web前端开发环境、HTML常用标签、表单元素、table布局、CSS样式表、DIV+CSS布局 课程目标: 熟练运用HTML和CSS样式属性完成页面的布局和美化,能够仿制任意网站的前端页面实现 2、第二周 CS ...
分类:
Web程序 时间:
2020-02-12 11:24:08
阅读次数:
172
chrome浏览器提供了一个非常好用的调试工具,可以用来调试我们的HTML结构和CSS样式 一、使用调试工具 1、ctrl+滚轮可以放大开发者工具代码大小 2、左边是HTML元素结构,右边是CSS样式 3、右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色 4、ctrl+0复原浏览器大小 ...
分类:
其他好文 时间:
2020-02-11 14:22:00
阅读次数:
61
一、CSS选择器的作用 选择器(选择符)就是根据不同需求把不同的 标签选出来,这就是选择器的作用。简单来说,就是选择标签用的 二、选择器分类 选择器分为基础选择器和复合选择器两个大类, 基础选择器是由单个选择器组成的 基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器 1、标签选择器 ...
分类:
Web程序 时间:
2020-02-11 11:27:21
阅读次数:
118
一: 在HTML文件中,CSS(Cascading Style Sheet,层叠样式表)用于格式化元素。jQuery提供了用于操作CSS的方法。 1:css()方法: css()方法可获取或设置CSS样式。 2:CSS类操作方法 jQuery提供了直接操作元素class属性的方法。 ? addCla ...
分类:
Web程序 时间:
2020-02-08 17:45:04
阅读次数:
106
webpack是目前使用比较流行的一个前端模块打包器,前端的任何资源都被当成一个模块来处理,如图片、css文件等等。在基于webpack构建的前端项目中,一般都会配置有关css文件处理的规则,这其中也包括css文件中图片资源的处理,那么webpack到底是怎么处理它的呢?笔者之前也遇到过类似图片路劲 ...
分类:
Web程序 时间:
2020-02-06 11:00:13
阅读次数:
119
接下来我来介绍两种方法 我们先来一段HTMl代码 <div id="bb"> 你好呀 </div> 接下来我们再来一段css样式 .ob { color:red; } 好了,下面我们进入js开始说明方法了 第一种方法: let bb = document.getElementById("bb"); ...
分类:
Web程序 时间:
2020-02-06 10:19:28
阅读次数:
80
1.Div盒子 用div做圆 能否优化,去掉div之间的距离?margin属性 用表格做圆 2.CSS样式 总结:需要注意的是行级标签设置宽高不会生效 小练习:使用span标签 3.CSS选择器演示及其优先级 体现在诗的第二句和第三句中 4.ul列表样式案例 这个指的是标志(不严谨) 5.borde ...
分类:
其他好文 时间:
2020-02-05 18:07:49
阅读次数:
86
1、css语法 (1) 可以将css样式编写到head中的style标签里,将样式表编写的style标签中,然后通过css选择器选中指定元素 <style type="text/css"> p{ color:red; font-size:40px; } (2)还可以将样式表编写到外部的css文件中, ...
分类:
Web程序 时间:
2020-02-05 16:20:00
阅读次数:
94
今天看到一个css动画样式,然后打算封装一个这个css样式。 我用的react组件,然后map了我要的全部盒子 遇到了困难,我打印e和this,都没有我想用的东西。 持续性困惑。 陷入沉思和沉睡。 然后不停打印refs。。。 天啊,我在干什么。我执着地寻找style。。。 我在return的盒子里加 ...
分类:
Web程序 时间:
2020-02-04 23:41:55
阅读次数:
747
常用的应用文本的css样式: color 设置文字的颜色,如: color:red; font-size 设置文字的大小,如:font-size:12px; font-family 设置文字的字体,如:font-family:'微软雅黑'; font-style 设置字体是否倾斜,如:font-st ...
分类:
Web程序 时间:
2020-02-03 09:45:00
阅读次数:
96