• 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:可选,内阴影

  • 相关阅读:
    TIOBE 11月指数:C语言居首,稳居宝座,Python直逼第二!
    毕业即失业?大学生如何分配学习时间比例,拥有完整计算机知识体系?
    用微信表情翻译表白,程序员的小浪漫,赶紧Get起来!
    趣文分享:C 语言和 C++、C# 的区别在什么地方?
    C++基础知识篇:C++ 基本语法
    盘点那些争议最大的编程观点,你是什么看法呢?
    小米死磕硬核技术,将扩招5000名工程师,多个领域会使用到C++
    Gentle guide on how YOLO Object Localization works with Keras (Part 2)
    HUMBLE YOLO IMPLEMENTATION IN KERAS
    Training and Detecting Objects with YOLO3
  • 原文地址:https://www.cnblogs.com/chenluomenggongzi/p/5667787.html
Copyright © 2020-2023  润新知