前端开发2025年08月21日
...
前端开发2025年08月21日
1.继承0.1 标签1 类选择符10 ID选择符100 2.层叠:后面的样式会覆盖前面的样式。 3.内联样式表(标签内部) > 嵌入样式表(当前文件中) > 外部样式(外部文件) 4.！important具有最高权值，p{color:red ！important;} 5.！important > 用户自己设置的样式...
前端开发2025年08月20日
css代码： .img-box { padding-bottom: 100%; } .img-box img { position: absolute; top:; bottom:; left:; right:; width: 100%; /* margin:auto; */ } html标签： <div class="img-bo...
前端开发2025年08月20日
给a标签设置display:block后，它会根据盒模型计算a标签的实际大小。这时候，你可以使用hover伪类使a的整个盒模型生效。.link a{display:block;padding:2px 10px;}/*这样，a标签的范围就是文字上下各扩出2px左右各扩出10px/*然后.link a:hover{background:#newcolor;}就...
前端开发2025年08月20日
1. 通过位置选择的几个操作： :first：默认情况下是相对整个页面来说的第一个，如：li:first表示整个页面的第一个li元素，而ul li:first表示整个页面的第一个li元素，并且是在ul下的子元素； :last：同上了，只是是最后一个而已； :first- child：为每个父元素匹配第一个子元素，如li:first-child返回每个ul的...
前端开发2025年08月20日
显示与隐藏 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>显示与隐藏</title> <style> body { margin: 0; } div { width: 200px; height: 2...
前端开发2025年08月20日
直接代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...
前端开发2025年08月19日
html单行缩略方法 .oneline { white-space: nowrap; //强制文本在一行内输出 overflow: hidden; //隐藏溢出部分 text-overflow: ellipsis; //对溢出部分加上... } html多行缩略(主要针对webkit内核) .multiline { display: -webkit-box...
前端开发2025年08月19日
1.设置css样式的三种方式？ 外部样式表，引入一个外部css文件 内部样式表，将css代码放在&lt;head&gt;标签内部 内联样式，将css样式直接定义在html元素内部 2.css有哪些选择器？ id选择器 类选择器 标签选择器 又可以细分为： 派生选择器（包括后代选择器、子元素选择器、相邻兄弟选择器） 伪元素选择器 属性选择器 ...
前端开发2025年08月19日
/*文字排版*/.f10 { font-size: 10px; }.f11 { font-size: 11px; }.f12 { font-size: 12px; }.f13 { font-size: 13px; }.f14 { font-size: 14px; }.f16 { font-size: 16px; }.f18 { font-size: 18p...