• css基础知识一


    1、CSS (Cascding Style Sheet)层叠样式表 级联样式表 样式表

    2、CSS作用: 修改页面中元素的显示样式

           能够实现内容与表现的分离

           提高代码的可重用性和可维护性

    3、导入CSS的方式

           在HTML里直接写<h1 style="属性:值;属性:值">

           在<style>里面写法 选择器{属性:值;}

           在外部创建<link rel="stylesheet" type="text/css" href="">

              或

                <style>@import url(css01.css)</style>  

    4、link与@import的区别    

           ①、link除了引用css以外,还可以引用其他(例如HTML),而@import只能引用css

           ②、link所引用的css会在页面加载时加载css样式,而@import是在页面加载完成时才能加载

           ③、@import只兼容IE5以上

           ④、js只能改变link中的css样式

    5、css特征:继承性  无继承的有(<a>、待补充)

          层叠性  优先级(外部样式表或内部样式表-就近原则)

          补,!impotent 手动调整属性的优先级

    6、css选择器: 作用 : 当前样式规则的名称,规范那些元素能够使用当前的样式规则

    7、类选择器的优先级高于标签选择器

    8、分类选择器 如<p class="a"></p> 为,p.a

    9、子代选择器 h1>b>span

    10、伪类选择器 语法:选择器:伪类{}

        ①、链接伪类   :link 适用于尚未访问的链接

               :visited 访问过后的链接

        ②、动态伪类   :hover 适用于鼠标悬停在元素时

               :active 元素被激活时

               :focus 元素获取焦点时(多数用于文本框,密码框等)

    11、为属性设置样式 如p[title] {colot:red;}

    12、权重:继承 0000

         元素选择器 0001

         属性选择器、类选择器、子代选择器、伪类选择器 0010

           id选择器 0100

         后代选择器 各个后代相加

         内联 1000

    13、input 设置css outline:0  取消蓝边

    14、overflow :当元素溢出元素框时,如何处理

          属性:  visible:溢出可见  hidden:溢出隐藏  scroll:设置滚动条  auto:自动,有溢出时显示滚动条

             overflow-x:横向溢出处理方式 overflow-y:纵向溢出处理方式

    15、bord-style :dotted点状线

    16、边框阴影 box-shadow 

            h-shadow : 水平阴影距离  v-shadow:垂直阴影距离

            blur :可选,模糊距离  spreed:可选,阴影尺寸 color:可选,颜色  inset:可选,内阴影

  • 相关阅读:
    推送消息为什么使用RocketMQ,而不使用Kafka?
    com.google.common.collect.Lists.addAll()空指针原因分析
    AQS原理
    ReentrantLock-加锁
    ReentrantLock-自旋
    Reentrantlock-的核心内容
    java中,BigDecimal的add方法避坑指南
    Reentrantlock-实现原理
    Reentrantlock-适用场景
    JAVA foreach和普通for循环是否需要判断为null
  • 原文地址:https://www.cnblogs.com/chenluomenggongzi/p/5667787.html
Copyright © 2020-2023  润新知