![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML/CSS
文章平均质量分 64
结合自己平时学习内容做的整理,如果有错误的地方,还希望大家留言讨论,共同成长啦.
Philo`
一个人至少拥有一个梦想,有一个理由去坚强。心若没有栖息的地方,到哪里都是在流浪。
展开
-
CS练习---3D循环电子相册(详解)
要求:用cs动画效果实现3D循环电子相册.目标效果展示:代码详解:原创 2022-01-21 14:58:02 · 581 阅读 · 0 评论 -
CSS---id&class选择器
这里写目录标题1.元素选择器2.id 选择器3.class类选择器4.混合使用:要想在HTML元素中设置CSS样式,需要在元素中设置"id" 和 "class"选择器。1.元素选择器一般是直接用元素名字进行选择. 例:元素名{}效果展示:2.id 选择器一般用来唯一标记元素,在CSS中用点#id名字{}选择.效果展示:3.class类选择器用于描述一组元素的样式,class可以在多个元素中使用,一般用.类名{}选择.效果展示:注意:元素选择器是进行一类元素进行选原创 2022-01-16 21:29:42 · 3091 阅读 · 0 评论 -
HTML/CSS---常见细节
HTML图像HTML 图像是通过标签 来定义的,其展示大小可以直接在属性中定义,不用在style中定义<img src="img/shan.jpg" width="200px" height="200px" >文本格式粗体显示:<b>加粗文本</b>斜体显示:<i>斜体文本</i>上标和下标: <sub> 下标</sub> 和 <sup> 上标</sup>效果显示:原创 2022-01-16 20:12:48 · 73 阅读 · 0 评论 -
HTML---表格合并(详解)
例子详解:关键字解释:border="1" :表格标签默认是无边框的,所以这里加上border=”1“是为了更好的进行样式展示;colspan="2":表示的是进行单元格列合并,在该行中,先是th表头占据了一个单元格,之后遇到th,用colspan=2进行属性设置,表示该单元格横跨两列(也就是列合并);rowspan="2":表示的是进行单元格行合并,在该行中,直接先是在th中设置属性rowspan=2,表明该单元格横跨两行,但是列大小不变(也就是行合并),这里设置完之后,需要注意的是,第三行就原创 2022-01-12 22:12:45 · 16407 阅读 · 1 评论 -
HTML---布局(详解)
文章目录网页布局常用标签网页布局实例实例1:用div实现:实例2:用table实现我们在完成老师布置的前端html任务时,往往布局是最关键的,我们必须先从宏观上把握页面大致的构成,通过标签先确定下页面总体有那些东西,将整体框架写好,之后才是对各个部分进行细致的填充。网页布局常用标签div:是块级元素,它可用于组合其他 HTML 元素的容器,它没有确切的含义,天生是用来进行页面布局的,除此之外,由于它属于块级元素,浏览器会在其前后进行换行。table:是表格元素,每个表格均有若干行(由 <原创 2022-01-12 22:14:11 · 14554 阅读 · 0 评论 -
HTML---2D动画---倾斜(详解)
案列详解:可以看出,控制元素进行倾斜的函数就是transform:skew(参数1,参数2),另外两个函数是上面函数的一部分,skewX(参数):就是在水平方向上倾斜,skewY(参数):在垂直方向上倾斜。函数transform:skew(参数1,参数2),参数1表明在水平方向上倾斜的度数,参数2表明在垂直方向上倾斜的度数(参数后的单位必须为deg,不能默认不写),参数有正负之分,在html页面布局中,水平向右为正,垂直向下为正,反之为负。因此在div3中,水平倾斜,倾斜度数为正,所以向右倾斜原创 2022-01-13 17:16:03 · 1168 阅读 · 0 评论 -
HTML---一个没有下划线&字体颜色为黑色的链接
案列:<a href="https://www.baidu.com/" style="text-decoration:none; color: #000000;">访问百度</a>注:在想要修改样式的链接中添加:style="text-decoration:none; color: #000000;"即可.原创 2022-01-16 18:48:44 · 1846 阅读 · 0 评论 -
CSS---position属性(超详解)
html 超文本编辑语言原创 2022-01-14 11:24:15 · 1281 阅读 · 0 评论