CSS层叠样式表

1.格式

　　h1 {name:'abc'，color:'red'}；

　　选择器-属性-值

2.ID和类选择

　　#ID

　　.类

3.CSS引用方式

　　link文件-外部样式表

　　script style-内部样式表

　　标签 style-内联样式

4.background背景

　　~background

　　~-color 背景颜色

　　~-repeat 是否重复

　　~-position 背景图片的位置

5.css文本

　　text-align 设置文本的横向位置，center，right，justufy（宽度相等）

　　text-decoeation-

　　　　overline横线上标

　　　　line-through-中间斜杠

　　　　underline-横线下标

6.文本转换text-transform

　　uppercase 转换为大写

　　lowwercase 转换为小写

　　capitize 首字母大写

7.文本缩进 text-indet

　　text-indent：50px

8.css-link标签操作

　　a:link{} 未访问时显示的状态

　　a:visted访问之后的状态

　　a:hover 悬浮时的状态

　　a:active 鼠标点击时的状态

9.列表样式list-style

　　list-style-image--将列表的圆点用图片代替

　　list-style-position--设置圆点的位置

10.css表格

　　border-边框

　　表格文本对齐　　text-align和vertical-algin对齐

11.css盒子模型

　　　　　　conten-padding-border-margin

12.border边框设置

　　12.1 border-style　　

　　　　　　dotted-点线　　　　double-双实线

　　　　　　dashed-虚线　　　　groove--3d沟槽

　　　　　　solid-实线

　　12.2 宽度和颜色

　　　　border-width　　

　　　　border-color

13.css outline属性

　　元素周围绘制一条线，用来突出元素

　　同样有style，color，width

14.margin

　　margin 0 0 0 0 顺时针上右下左

　　margin 0 0 0 上左右下

　　margin 0 0 上下左右 padding同理

15.css尺寸dimension

　　height-元素的高度

　　line-height-行高

　　max-length

　　min-length

　　width

　　max-width

　　min-width

15.display和visibility

　display是设置属性如何显示，当设置为none的时候，元素消失，且不占用空间

　visibility是设置元素是否显示，当设置为hidden的时候，元素小时，并且占用空间

16.块和内联元素

　　块<div><p><h1> 可以设置宽度，高度等，独立占有一行

　　内联元素<span><a> 不可以设置高度宽度，和其他元素共享一行

17.CSS组合选择符

　　 > + ~

　　空格：后代选择器：可以选择标签的所有后代，子子孙孙

　　大于号：子代选择器，可以选择标签的子代，只能选择儿子，

　　+：相邻兄弟选择器：在同一个父类下，可以选择在此之后的兄弟标签

　　~：选择此元素之后的所有兄弟元素

18，伪类

　　匹配第一个p元素　　

　　p:first-child{ }

　　匹配第一个p元素下的所有i元素

　　p:first-child i{ }

19css伪元素

　　p:first-line 第一行

　　p:first-letter：第一个字/字母

　　brfore：在这个标签之前

20/导航栏联系

转载于:https://www.cnblogs.com/hai125698/p/10233745.html

Python-CSS整理相关推荐

Python介绍与特点（自学python知识整理）
Python介绍与特点(自学python知识整理) Python 简介 Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言. Python 的设计: Python 是一种解释 ...
【python】整理的 Python 库
常用库 Chardet字符编码探测器,可以自动检测文本.网页.xml的编码. colorama主要用来给文本添加各种颜色,并且非常简单易用. Prettytable主要用于在终端或浏览器端构建格式化的 ...
吐血整理一个月——终于把所有Python库整理齐了.....
大家好! 最近天天熬夜,头发都掉完了, 就为了把Python所有的库完全整理一遍, 希望对大家有所帮助! 一.数据处理 (https://jq.qq.com/?_wv=1027&k=2Q3YT ...
python文件整理程序_Python实现自动整理文件的脚本
前言工作上的文档和资料好几个月没整理了,因为平常太忙都是随手往桌面丢.整个桌面杂乱无章全是文档和资料.几乎快占满整个屏幕了,所有我必须要整理一下了.但是手动整理太费时间了,于是我想到了python. ...
html css整理笔记,HTML CSS整理笔记 (八) 定位网页元素
----8 定位网页元素---- 51.Position属性:指定盒子的位置,相对它父级的位置或它自身应该在的位置. (1)static 默认无定位,元素按照标准文档布局. (2)relative相对 ...
python库整理目录
zip与zip(*)_刘文巾的博客-CSDN博客 python函数整理_刘文巾的博客-CSDN博客 python笔记:正则表达式_刘文巾的博客-CSDN博客 python笔记:深拷贝与浅拷贝_刘文巾 ...
Python模块整理(四)：线程模块threading
参考网络以及python书籍整理一.Python threading三种调用方式介绍: Thread 是threading模块中最重要的类之一,可以使用它来创建线程. 第一种方式:创建一个threa ...
python 切片_知乎问答之 Python 切片整理
知乎问答之 Python 切片这是一个知乎问答的补充.原问题是python中字符串 s[ : -1]是什么意思?,当时回答的内容只是对问题本身的简单回答,对 Python 切片中的重要信息是有所忽略 ...
Python学习整理（之一）
Python 学习整理数据类型,函数,运算符,bool值,选择结构 Python 学习整理一,基本的参数类型二,函数 print()函数 input()函数和int(),float() 三,运算 ...
ArcGIS使用字段计算器python脚本整理三规合一图斑
最近试着使用字段计算器内的python脚本整理图斑,蹒跚学步,做下记录. 1.用地代码与名称转换 1.1城规用地代码CGYDDM转用地名称CGYDMC 做一个python字典再索引即可(码齐这些分类还 ...

Python-CSS整理