CSS总结

CSS(Cascading Style Sheets)层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

CSS的导入方式

优先级:就近原则

行内样式

在标签元素中编写一个style属性,编写样式即可。不符合结构与表现分离

标题

内部样式

 外部样式

链接式

导入式

选择器 

基本选择器

选择页面上的某一个或者某一类元素

优先级不遵循就近原则,id选择器>clss选择器>标签选择器

标签选择器

选择一类标签

 标签名+{}


    
    Title
    


标题1

标题2

类选择器

.+类名{}

 可以多个标签归类 是同一个class,可以复用


    
    Title
    


标题1

标题2

ID选择器

ID必须保证全局唯一 

#id名称+{}


    
    Title
    


标题1

标题2

层次选择器

后代选择器

在某个元素的后面

    

子选择器

只有一代有效果

    

相邻兄弟选择器

只有一个,相邻(向下)




    
    awa
    



    

2

3

  • 4

  • 4

只有3变色 

通用选择器

当前选中元素向下的所有元素

    

结构伪类选择器

伪类: 条件

 ul的第一个子元素

    

ul的最后一个子元素

    

属性选择器

id等于first的元素

=代表绝对等于

    

class中有link的元素

*=表示包含

    

herf中以http开头的元素

^=表示以这个开头

    

herf中以pdf结尾的元素

$=以这个结尾

    

美化网页元素

 span

套住重点要突出的字




    
    awa
    



    欢迎学习Java

字体样式

字体类型 font-family

大小 font-size

粗细 font-width bold 加粗 lighter 更细

颜色 color

    

 文本样式

颜色

    

rgb

    

rgba 透明度

    

test-align: center 文本居中 left right

首行缩进 text-indent

行高 line-height

 text-decoration

        下划线 underline

        中划线 lint-through

        上划线 overline

    

你可能感兴趣的:(css)