标签：CSS

第54页

CSS小白入门笔记

一、CSS简介 1. 什么是CSS CSS：Cascading Style Sheet 层叠样式表是一组样式设置规则，用于控制页面的外观样式 2. CSS作用页面外观美化布局和定位二、基本用法 1.CSS语法 <hea...

先准备好一张图片，在页面中放置一个类名为container的层作为图文容器，在该层中再定义两个层：一个类名为image-box的层放置图片，一个类名为text-desc的层放置文本描述，HTML代码描述如下： <div class=\...

<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" conten...

只有定位才用z-index设置层级关系相对定位：1，他是相对于自身原来位置移动2.原来的在标准留的位置继续占有，后边盒子仍以标准流对待他所以并没有脱标（主要用限制绝对定位）**绝对定位：**相对祖先元素移动1.如果没有祖先元素或所有祖先元素...

CSS实现渐隐渐现效果实现渐隐渐现效果是比较常见的一种交互方式，通常的做法是控制 display 属性值在 none 和其它值之间切换，虽说功能可以实现，但是效果略显生硬，所以会有这样的需求——希望元素消失时具有平滑的效果。实现 opa...

交集选择器交集选择器由两个选择器直接连接构成，其中第一个选择器必须是元素选择器，第二个选择器必须是类选择器或者 ID 选择器，两个选择器之间必须连续写，不能有空格。交集选择器选择的元素必须是由第一个选择器指定的元素类型，该元素必须包含第二...

1.使用flex布局该方法涉及到弹性布局，具体请参考阮一峰 Flex 布局教程：语法篇 – 阮一峰的网络日志 “display:flex”实现CSS水平居中的方案简单直接。通过display:flex实现CSS垂直居中的方法...

就是它！rgba ！！！具体参数：rgba(red,green,blue,opacity) background-color: rgba(51, 175, 175, 0.7);

css在html生效顺序外部<<内部<<行内选择器定位基础：标签选择器–id选择器–类选择器–属性选择器–派生选择器；进一步：选择器分组–标签结合类选择器等等；进一步：伪类选择器；再进一步：伪元素选择器。声明属性–...

css字体超出两行显示省略号 2020/07/21 display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-spac...