[^目录]:回到目录 [目录] [Toc] 1、CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?CSS3新增伪类有哪些? id选择器(myid) 类选择器(.myclassname) 标签选择器(div,h1,p) 相邻选择器(h1+p) 子选择器(ul<li) 后代选择器(li a) 通 ...
分类:
Web程序 时间:
2020-04-12 14:06:18
阅读次数:
86
css属性选择器: 通过html属性选择对应的标签 ? 1 选择符[属性名] { } 当一个元素有当前html属性值名称则匹配成功. ? 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 ? 3 选择符[属性~="属性值"] 当前属性的属性值为一个词列表(多个单词以空格隔开) , 只 ...
分类:
Web程序 时间:
2020-04-12 08:20:12
阅读次数:
110
宽高自适应 宽度自适应 高度自适应 最小高度的自适应 高度塌陷 高度塌陷的解决方法 visibility:hidden 伪对象选择符 ...
分类:
其他好文 时间:
2020-04-08 10:15:41
阅读次数:
96
CSS 组合选择符 CSS 组合选择符 在 CSS3 中包含了四种组合方式:CSS组合选择符包括各种简单选择符的组合方式。 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例 ...
分类:
Web程序 时间:
2020-04-08 09:43:08
阅读次数:
92
作为一名前端工程师,能做的优化有哪一些呢?主要包括两方面:页面性能与代码可维护性。 HTML篇 减少不必要的嵌套 适当且精简的id/class名称 有意义地使用id(利用选择符属性) 减少link、script请求 底部引用script CDN加速 利用好HTML5标签 压缩html CSS篇 减少 ...
分类:
其他好文 时间:
2020-03-22 15:59:21
阅读次数:
77
CSS选择符命名 规范的命名也是Web标准中的重要一项,标准的命名可以使代码更加易读,而且利于搜索引擎搜索,比如定义两个div,一个id命名为“div1”,另外一个命名为“news”,肯定第二个比较易读,而且搜索引擎抓取率高,在团队合作中还可以提高工作效率。为了达到这种效果我们就要规范化命名(语义化 ...
分类:
Web程序 时间:
2020-03-22 13:58:19
阅读次数:
76
1、渐进增强:(从小到大) 先保证最基本的功能 ~> 用户体验的提升 优雅降级:(从大到小) 先针对版本较高的设备进行项目构建,保证用户体验的完美 ~>牺牲一些效果,保证最基本的功能2、选择器(选择符): id class 类型(div span...) 后代选择器 伪类选择器 伪元素选择器...( ...
分类:
Web程序 时间:
2020-03-21 12:49:34
阅读次数:
97
作为一名运维工程师,在工作过程中,我们可能会需要临时云服务器做部署,测试工作。那么这种需求下,我们怎么买到最符合这个场景的云服务器呢?放心,只要用户有这种需求,云厂商都会给予满足。云厂商推出的竞价实例或许就是该场景下一个十分不错的选择,符合我们的所有要求——价格最低,配置可选,并且随时创建销毁,不会 ...
分类:
其他好文 时间:
2020-03-16 14:31:37
阅读次数:
106
css样式:由选择符和声明构成 选择符:即包裹着需要修饰的内容的标签,如包裹小猿圈的span 声明:即属性名和属性值,如color是属性名,red是属性值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cs ...
分类:
Web程序 时间:
2020-03-02 14:55:30
阅读次数:
88
伪元素(对象)选择器:(这几个伪元素选择器前面的冒号可写一组,也可以写两组;) 1)、::after : 与content属性一起使用,定义在对象后的内容。(必须具有属性content:“”;) 语法:选择符: :after{content:”文字”;} 选择符: :after{content:ur ...
分类:
其他好文 时间:
2020-03-02 00:56:20
阅读次数:
58