学习CSS
list-style:none
去掉无序列表的带有的样式,比如原点。
border-radius:length
设置圆角,也可以写%,不一定需要些半径大小,也可以顺时针写半径大小,就会出现四个顶点不一样的圆角。或者写:border-top-left-radius border-top-right-radius border-bottom-left-radius border-bottom-right-radius. 分开设置
如果想写一个圆形的块元素可以这样:
设置阴影
box-shadow:带下面的参数,例子:
设置文字阴影
text-shadow,用法和上面差不多。
CSS 浮动:
标准流无法完成布局效果,此时需要浮动来完成布局,因为浮动可以改变元素标签的默认排列方式。
多个块级元素纵向排列时标准流,多个块元素横向排列是浮动。
float
none:不浮动,left:左浮动,right:右浮动
如果写的是left,会将它移动到左边,直到左边缘或者右边缘,或者已经有一个浮动框的边缘。加了这个特性之后,浮动元素都会具有行内块元素的特性。任何元素都可以浮动。
浮动会产生影响,比如盖住元素。但是不是盖住标准流。
清除浮动
我们往往需要清除浮动,是因为标准流的高度是可以改动的,如果我们指定高度,会出现不适应的情况,所以我们需要清除浮动,来让父级标签自适应子级标签的高度。或者子盒子浮动了导致界面不好看以及影响了后面的布局。
clear
both 同时清除左右浮动,left清除左浮动,right清除右浮动。
在最后面的一个元素加上了一个块元素,设置了取出浮动。
额外标签法
父级标签加上overflow属性
overflow 的属性有 hidden auto scroll 设置为hidden即可。 缺点:无法解决溢出。
父级标签加上after属性
加上下面这段代码:并且在父级标签添加该选择器
确定:照顾了低版本浏览器,第二个选择器是为了兼容ie浏览器。
父级标签添加双伪元素
添加即可。
跟着视频做了一个网站的首页:
往下拉:
这个视频当中学到了很多知识,比如关于浮动,关于margin和padding,还有块级元素的摆放和网页的布局。
刷题:
写了一个题:
第五周任务 - Virtual Judge (vjudge.net)
1.这个题底面也是算面积的,这是一个坑。
2.然后就是我们可以分开看,分成上下,前后,左右来看,分别累加。
3.记录第一个的所有面积,后面的只有在比它大于的时候再添加相应的面积即可。
#include<stdio.h>
#include<math.h>
#define MaxSize 1010
int a[MaxSize][MaxSize];
int main()
{
int n,m;
scanf("%d%d",&n,&m);
int i,j;
int res=0;
for(i=1;i<=n;i++)
{
for(j=1;j<=m;j++)
{
scanf("%1d",&a[i][j]);
if(a[i][j]) res++;
}
}
//从第一个开始,每一个都看看
//它们的上面和左边
for(i=1;i<=n;i++)
{
res+=a[i][1];
for(j=2;j<=m;j++)
{
if(a[i][j]>a[i][j-1])
{
res+=a[i][j]-a[i][j-1];
}
}
}
for(j=1;j<=m;j++)
{
res+=a[1][j];
for(i=2;i<=n;i++)
{
if(a[i][j]>a[i-1][j])
{
if(a[i][j]>a[i-1][j])
{
res+=a[i][j]-a[i-1][j];
}
}
}
}
printf("%d\n",res*2);
return 0;
}