zoukankan      html  css  js  c++  java
  • CSS基础

    1.CSS概述:1)CSS是层叠样式表的缩写 2)1966年12月发布第一个CSS,但只是辅助作用,不受重视 3)1999年一月,CSS2.0正式推荐版发布,增加了对其它媒体(打印机、视觉设备)、可下载字体、元素定位和表格的支持 4)最新版的CSS标准CSS3.0已经开发出来,更具模块化

    2.CSS的优点:1)提高页面浏览速度 2)缩短改版时间,降低维护费用 3)更好的控制页面布局 4)实现表现和结构、内容相分离。3)更方便搜索引擎的搜索

    3.如何在XHTML文档中加入CSS

                                 1)外部样式表<link rel="stylesheet"href="连接CSS样式表"/>

                                   2)嵌入样式表:<style>p{color:red}</style>

                                      3)导入式样式表:<style>@important"URL"</style>(html代码下完,再导入CSS代码)

    4.CSS语法:<style>p{color:red(声明块);}</style>

    5.选择器

                                    1)元素选择器(标签):文档里面所有相同的标签都选择

                                      2)ID选择器:①ID命名,数字、字母、下划线命名

                                                               ②不要以数字开头

                                                                  ③不要和标签同名

                                                                      ④严格区分大小写

                                                                          ⑤命名有意义的

                                                                             ⑥写法:#ID名字{color:red;}

                                       3)类选择器①:<p class="aa">可写多个类名

                                                             ②写法:.aa{color:red;}

                                        4)后代选择器:写法:div 空格 p{color:red;}

                                          5)通配符选择器:*{color:red;}对所有的都进行选择

                                            6)伪类选择器:①使用a标签,

                                                                          ②遵循爱恨原则 a:link{}-点击之后变颜色   a:visited{}-访问后的颜色  a:hover{}-鼠标放上去之后的状态   a:active{}-鼠标点击瞬间样式改变  

                                              7)伪元素选择器:P:first-letter{}首字变    first-line{}首行变

  • 相关阅读:
    Java自定义注解(1)
    SpringMvc入门
    Nginx服务器简单配置
    EL和JSTL使用笔记
    JQuery笔记
    Java05 JDBC介绍及基本操作
    Java04 线程同步问题解决——线程锁(同步锁、互斥锁)
    web服务、正向代理、反向代理的一点理解
    java03 IO操作
    Docker05 Docker容器
  • 原文地址:https://www.cnblogs.com/waitingforbb/p/5794653.html
Copyright © 2011-2022 走看看