Python学习日志(三)

在学习爬虫之前需要对网页前端有一定的了解,所以今日一天的内容都是网页开发,使用的开发软件是中国公司自主研究的“HBuilder”(一款辅助快速编程的软件),其中使用alt+/代码补全提示。
2019年3月1日的主要学习内容是CSS和JS的web前端开发。
实际上从昨日(2019年2月28日)开始已经在开始学习前端开发。
使用的案例是图片展示。
大容器的创建用div块(支持宽高设置)。小容器用span(span不支持宽高的设置)。

<> img表示图片标签,使用src导入图片,具体语句如下: img src=”图片路径”。

CSS:
当网页溢出为了美观时需要设置隐藏,语句如下:
overflow:hidden;
在设置间距时可使用auto来自适应。
行内元素转换成块元素:
display: block;
添加浮动效果,解决自动换行:
float: left;
外阴影效,X轴的偏移量,Y轴的偏移量,外阴影的大小,阴影的颜色:
box-shadow: 0px 0px 20px white;
添加鼠标的悬浮效果:
#函数名 span:hover{
background: red;
}
在rgba中最后参数是透明度:0表示完全透明,1表示不透明
background: rgba(0,0,0,0.7);
绝对布局:重新定义坐标位置,根据坐标定义开始参考点的位置
position: absolute;
可使用.函数名来设置某些容器的相同属性。
可设置某个容器的圆角角度:
border-radius: 10px;
设置文字大小:
font-size: 50px;
设置文字居中属性:
text-align: center;
实现上下居中:
line-height: 100px;
设置字体的粗细:
font-weight: bold;

JS:
导入JS的语句大致如下:

添加点击的触发事件使用:
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲容器名 span").clic…(“#容器名”).show();
fadeIn和fadeOut设置淡入淡出效果,括号内表示时间,单位:毫秒,1000毫秒=1秒。
定时器调用:第一个参数:函数名称 ,第二个:间隔时间:
setInterval(abc,4000)

发布了21 篇原创文章 · 获赞 1 · 访问量 1577

猜你喜欢

转载自blog.csdn.net/qq_33566628/article/details/88536467