- 博客(7)
- 收藏
- 关注
原创 前端入门(第六天)
(补充:如果你设置了图片的width和height的话 ,如果都大于图片本身的长宽的话,图片就会重复填充,直到充满设置的长宽,如果都小于图片本身的长宽,图片就会按照设置长宽裁剪,同理可得另外两种情况)(注:cover和contain都是保证图片的纵横比,但是cover充满整个容器,但是会切割图片的一部分而contain的话就是保证图片完整性的情况下使图片在容器内最大)x% y% 第一个是水平位置,第二个是垂直位置,左上角是0% 0%,右下角是100% 100%,如果指定了一个值,其他默认50% 50%
2024-09-14 09:07:25 443
原创 前端入门(第五天)
(前面与2相同,而最后一个数只能0-1,是为了调整透明度,0是完全透明,1是完全不透明,从0-1透明度慢慢增加)(用16进制来表示,需要一个#号进行索引,而具体什么数代表什么颜色,实际工作中会给出)2. color:rgb(0,0,255);100-900定义由细到粗,(400等同于默认,而700等同于bold)(注:字体最小只能12px)但是之前学习的都是color:red;字体颜色:也就是之前学习的color。font-family:字体;
2024-09-13 10:49:45 241
原创 前端入门(第五天)
学完了<span>前端</span>,继续学习其他语言</p>HTML文档中的元素,p,b,div,a,img等。规定用圆点"."来定义,针对你想要的所有标签使用。<p class="one">我累了
2024-09-11 17:01:31 299
原创 前端入门(第四天)
然后只要在head里使用link标签,在href里添加,css的文件即可实现文件里所写全部代码。而每个声明都需要一个属性和一个值组成,color就是属性,blue就是值。缺点:如果同一个标签需要同样的样式,内联标签就比较麻烦,SEO也不太优良。缺点:如果涉及多个页面的同标签同样式时,使用内部样式就比较麻烦。在基础语法中提到在head里放style标签就是内部样式。优点:如果同一个标签需要同样的样式,就可以使用内部样式。优点:就是不同标签需要不同的样式,可以使用内联样式。外部样式(工作当中使用较多)
2024-09-11 09:40:18 248
原创 前端入门(第三天)
</div>(正文内容部分区域)<div id="header"></div>(头部区域)<div id="aside"></div>(侧边栏区域)<div id="footer"></div>(脚部区域)<div id="nav">
2024-09-09 18:47:01 469
原创 前端入门(第二天)
在默认状态下,未访问过的超链接文本字体显示蓝色的,访问过的超链接文本字体显示紫色点击中的超链接文本字体显示红色。alt是用文字替代图片(当src出现问题不能显示图片时,会出现碎掉的图片及alt所输入的文字)src为图片的路径(图片路径如果与网页代码在同一个路径 直接输入图片名称及地址)width是改变图片的长度(当高度height为默认时 图片的高度会自适应)height是改变图片的高度(当长度width为默认时 图片的长度会自适应)快速生成ul+li的布局:ul>li*3(3是li的数量)
2024-09-05 21:27:54 236
原创 前端入门(第一天)
hr align="left/center/right" color="****" width="***px" size="***px">:color表示水平线的颜色(输入颜色英文单词即可),width表示水平线长度,size表示水平线宽度,align表示偏左,居中,偏右。<title></title>:包含在<head>标签中,表示一个网页的标题,显示在窗口的标题栏上,有<head>就一定有<title><body></body>:该标签是文章的主体,也是直接在页面显示出来的内容。
2024-09-05 10:15:27 429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人