前端
文章平均质量分 68
LIU906059
这个作者很懒,什么都没留下…
展开
-
边框圆角(圆、半圆、四分之一圆)的设置
2.确定哪个角要设置,设置值为圆的半径,元素的宽高(可以使用具体的数值或者百分比)设置圆:1.设置元素宽高比1:1,2.设置边框弧度时宽高的一半 (可以使用具体的数值或者百分比)设置半圆:1.确定半圆=》确定元素的宽高比,2.确定哪二个角要设置,设置值为圆的半径,具体的值。设置四分之一圆:1.确定四分之一圆,元素的宽高比1:1,/* 左上 右上/左下 右下 *//* 左上/右下 右上/左下 */-- 设置二分之一圆---上半圆 -->-- 设置四份之一圆---右下 -->-- 设置圆 -->原创 2023-07-05 10:11:36 · 1139 阅读 · 0 评论 -
外边距、内边距
style>/* 上 右 下 左 */div {span {/* 设置上外边距:没有效果 *//* 设置左外边距有效果 */</style></head><body>--外边距(margin)设置元素之间的距离包含:margin-top注意:行元素垂直方向外边距设置没有效果,不会影响垂直方向其他元素的布局水平方向外边距有效果--><span>那圣而。原创 2023-07-05 10:09:23 · 71 阅读 · 0 评论 -
盒子模型、边框
style>--盒子模型的组成:从内向外1.content (内容) 元素放内容的区域2.padding (内边距) 设置元素内容与边框之间的距离3.border (边框) 设置元素边框4.margin (外边距) 设置元素之间的距离-->.one {/* 设置内边距 *//* 设置边框 *//* 设置外边距 */</style></head><body><div class="one">你章诗郭,文有价什。原创 2023-07-05 09:57:24 · 47 阅读 · 0 评论 -
文本的样式
与-webkit-line-clamp一起连用。rgba(red,green,blue,alpha) alpha [0,1]设置不透明度 0 完全透明 1完全不透明。<p class="text1">我妄不珍,人骂智完身我仍见评也车向盲考。连人死将让必斯,己。<p class="text">我妄不珍,人骂智完身我仍见评也车向盲考。2.设置几行省略 -webkit-line-clamp。<p class="first">生承嗣,壬 月判能,未。原创 2023-07-03 08:40:49 · 50 阅读 · 0 评论 -
文字的样式
文字样式原创 2023-07-03 08:37:52 · 55 阅读 · 0 评论 -
结构选择器
先将父元素中的子元素按照标签名进行分类,然后在对应类别中选择第一个子元素1。先将父元素中的子元素按照标签名进行分类,然后在对应类别中选择第num个子元素1。先将父元素中的子元素按照标签名进行分类,然后在对应类别中选择最后一个子元素1。3.2 父元素>子元素1:nth-of-type(num) {}选择父元素中第一个子元素,并且与子元素1是相同的。选择父元素中最后一个子元素,并且与子元素1是相同的。2.2 父元素>子元素1:last-of-type {}选择父元素中第num个子元素,并且与子元素1是相同的。原创 2023-06-28 20:39:31 · 43 阅读 · 0 评论 -
HTML常用标签
了解HTML的常用几种标签原创 2023-06-20 10:56:16 · 32 阅读 · 0 评论