css
文章平均质量分 92
程序白痴i
web前端
展开
-
CSS菜单栏练习记录
跟着把代码写了一边,记录写代码的一些问题 网页的内容不能顶到网页顶部(边缘)的原因主要在于margin未设置未0;设置padding:0;不会有任何的更改(从视觉上是这样)。打开开发者工具验证后,可以看出页面只有margin导致的空白区域(橙色部分),padding并没有导致空白区(绿色部分)。所以在这个样式表也没有设置padding为0。 样式表源码: body { margin: 0...原创 2020-09-20 10:37:15 · 90 阅读 · 0 评论 -
CSS3文档阅读笔记3
创建圆角 不设置高度的话,貌似设置成25px 形状就不会变化特别多了。 border-radius:25px; box-shadow 如果把外部阴影改为内置阴影(便于直观观察) h-shadow:指的是水平方向(x轴正半轴方向上的阴影长度是多少),也就是,以图片的顶部为起始点从而计算涉及的长度范围。(阴影内置的情况) div { width:300px; height:100px; back...原创 2020-09-20 10:35:17 · 93 阅读 · 0 评论 -
仿写网站遇到的问题记录(bilibili)
CSS word-sapcing(字间距) 只对单词生效,且只会识别有意义的单词,会通过设置的值间隔有意义的单词,如果是一串字符(类似asdjaksdjas)则视作一个字,且字间距的设置对汉字无效。 font(简写属性在一个声明中设置所有字体属性) 1.可以允许的简写属性不包括字体颜色(font-color) 2.可以按顺序设置如下属性: font-style font-variant font...原创 2020-09-20 10:33:53 · 292 阅读 · 0 评论 -
css中一个元素可以匹配多个类选择器
类选择器格式: .classname{property1:value;…} 在实际项目中一个div元素为了能被多个样式表匹配到(样式复用),通常div的class中由好几段组成,如能被.user和.login两个选择器选中。如果这两个选择器中有相同的属性值,则该属性值先被改为.user中的值,再被改为.login中的值,即重复的属性以最后一个选择器中的属性值为准。测试如下: https://zhi...原创 2020-09-20 10:28:09 · 870 阅读 · 0 评论 -
HTML,CSS的一些问题集合。
1.为什么网页中会设置html,body{height:100%} 1.https://blog.csdn.net/javaloveiphone/article/details/51098972 2.https://www.cnblogs.com/huashanqingzhu/p/8572623.html 可以参加这两篇文章的描述 总结一下自己的看法: 这个html,body的设置主要是在设置图片...原创 2020-02-23 22:40:36 · 100 阅读 · 0 评论 -
CSS文档阅读笔记(高级)2
CSS对齐 水平菜单(使用ul创建) 两种方法都不错,但是希望链接拥a标签有相同的尺寸,就必须使用浮动方法。 1.为了实现水平菜单栏,可以把li设置成行内元素(display:inline),取消它的前后换行。(但这种设置无法保证链接的宽度相同) 设置 li{display:inline}后 得到下图: 2.把li设置成左浮动 li{float:left} 通过设置边框来设置分隔线 ul { ...原创 2020-02-17 21:48:50 · 194 阅读 · 0 评论 -
CSS文档阅读笔记1
CSS背景 1.所有背景属性都不能继承,类似background-color,background-image等。 1.background-color 使用 p {background-color: gray;} 如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距: p {background-color: gray; padding: 20px;} 适用范围 可以为所有元素设置...原创 2020-02-17 18:37:10 · 107 阅读 · 0 评论