- 博客(7)
- 收藏
- 关注
原创 css总结(7)
css总结(7)文字溢出处理单行省略单行文本三件套white-space:nowrap; 断行处理:无断行overflow:hidden;溢出处理:隐藏text-overflow:ellipsis;文字溢出处理:省略号例子:<!DOCTYPE html><html lang="en"><head> <meta charset="...
2020-02-22 11:43:23 70
原创 css总结(6)
CSS总结实现两栏布局两个关键点: 1.先让右边栏定位过去 2.左边栏把右边栏的位置让出来(margin-right)<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>例子</title>...
2020-02-19 21:36:09 74
原创 css总结(5)
css总结(5)层模型层模型就是让元素在网页中精确定位,就像Photoshop中的图层一样可以对每一个图层精确定位三种形式:1.绝对定位(position: absolute)2.相对定位(position: relative)3.固定定位(position: fixed)绝对定位如果想为元素设置层模型中的绝对定位,需要设置position: absolute,这条语句的作用将元素...
2020-02-18 22:27:43 59
原创 css总结(4)
css总结(4)盒子模型盒子模型(Box Model):就是把HTML页面中的元素看作是一个矩形的盒子,一个用来存放内容的容器。每个矩形都由元素的**内容(content)、内边距(padding)、边框(border)和外边距(margin)**组成。特性: 每个盒子都有:外边距、边框、内边距、内容 4个属性; 每个属性都包括4个部分:上、右、下、左。属性的4部分可以同时设置,也可...
2020-02-16 22:08:26 121
原创 css总结(3)
css回顾(3)伪类选择器伪类:同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类”。比如 div是属于box类的,这是肯定的。但是a是属于什么类的? 这就要看用户点击前是什么状态,点击后是什么状态。这就叫做 伪类。伪类选择器分为两种:静态伪类 动态伪类1)静态伪类: 只能用于超链接的样式。:link 超链接点击之前:visited 链接被访问过之后2)动态伪类:...
2020-02-15 22:12:48 86
原创 css总结(2)
css回顾(2)复杂选择器1.父子选择器/派生选择器<div> <span>123</span>css</div> <span>456</span>我要选择div中的span标签div span{ background-color:red;}这就叫做父子选择器格式: 选择器与选择器之间各一个空...
2020-02-14 17:56:06 110
原创 css总结(一)
css是什么?层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。...
2020-02-13 21:00:44 137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人