使用嵌套ul
1.添加class（代码重复）
2.子代选择器
父元素>子元素{};
通常使用右边框，进行border设置
1.最后子元素选择器
父元素 子元素:last-child{};
2.第一个子元素选择器
父元素 子元素:first-child{};
3.偶数子元素选择器
父元素 子元素:nth-child(even){};
一般在开发过程中
1.我们图标都会使用独立的标签。
2.不要使用拼音命名
3.为了减少请求的次数。我们将很多图标放到一张图片，叫做雪碧图。
4.我们将很多重复的样式尽量整合到一起。以免代码冗余。
5.雪碧图制作使用CSS Sprite Generate网站，上传图标，即可生成雪碧图
1.引入css
2.使用i标签
3.使用unicode编码
二级类目 使用嵌套ul 对第一层ul进行样式改变方法 1.添加class（代码重复）2.子代选择器父元素>子元素{...
CSS高级 CSS对齐 https://www.w3school.com.cn/css/css_align.asp...
CSS css世界 css揭秘 JavaScript JavaScript高级程序设计 你不知道的JavaScri...
css高度使用原则 1.尽量不自己定义高度，使用内容撑开高度。2.一般的行高是1.5倍的字体大小。 绝对定位 ab...
CSS 对齐CSS 尺寸CSS 分类CSS 导航栏CSS 图片库CSS 图片透明CSS 媒介类型CSS 注意事项C...
HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素：不能包含块...
JQ高级 一、选择器 1、css语法匹配 2、索引匹配 二、文本、属性与类 1、文本 2、属性 3、类 三、事件 ...
JQ高级 一、选择器 1、css语法匹配 2、索引匹配 二、文本、属性与类 1、文本 2、属性 3、类 三、事件 ...
双飞翼布局 什么是双飞翼布局呢？ 事实上，圣杯布局其实和双飞翼布局是一回事。它们实现的都是三栏布局，两边的盒子宽度...
1.黑白图像 img{filter:grayscale(100%)} 2.使用：not（）在菜单上应用/取消应用边...
本文标题：CSS高级（二）
本文链接：https://www.haomeiwen.com/subject/rynqcftx.html
网友评论