zoukankan      html  css  js  c++  java
  • 三、CSS语言

    CSS语言

    1、概述:
    CSS (Cascading Style Sheets)是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。

    2、CSS和HTML结合的方式
    sytle属性方式

    style标签方式(内嵌方式)
    <style type=”text/css”>

    导入方式 @import url(css_3.css);

    链接方式
    <link rel="stylesheet" type="text/css" href="css_3.css" />

    3、CSS样式优先级和代码规范
    样式优先级
    由上到下,由外到内。优先级由低到高。
    代码规范
    选择器名称 { 属性名:属性值;属性名:属性值;…….}
    属性与属性之间用 分号 隔开
    属性与属性值直接按用 冒号 连接
    如果一个属性有多个值的话,那么多个值用 空格 隔开。

    4、CSS选择器
    就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。
    CSS选择器的类型
    html标签名选择器。使用的就是html的标签名
    class选择器(.)。其实使用的标签中的class属性
    id选择器(#)。其实使用的是标签的中的id属性。
    优先级:style属性>id>class>标签名

    5、CSS拓展选择器
    关联选择器:
    标签是可以嵌套的,两个或多个选择器之间产生关系,就可以用此选择器。

    组合选择器:
    对多个不同选择器进行相同样式设置的时候应用此选择器。

    伪元素选择器:
    其实就在html中预先定义好的一些选择器。或者说当前元素处于的状态。

    6、CSS盒子模型
    在进行布局前需要把数据封装到一块一块的区域内,这个区域的专业术语叫盒子。
    边框(border)分为上 下 左 右
    内边距(padding)分为上 下 左 右
    外边距(margin)分为上 下 左 右

    7、CSS布局漂浮属性
    float(漂浮)
    none :  默认值。对象不飘浮
    left :  文本流向对象的右边
    right :  文本流向对象的左边

    8、CSS布局定位属性
    position
    static :  默认值。无特殊定位,对象遵循HTML定位规则
    absolute :  将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其进行绝对定位。
    relative :  对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置

  • 相关阅读:
    2019暑假——区域赛真题讲解
    2019暑假杭电训练赛(补题及笔记)
    2019暑假牛客训练赛(补题及笔记)
    网络流——最大流-Dinic算法
    SPFA
    K短路(A*+SPFA)
    从业务架构视角聊聊大型商业银行的转型实践
    互联网 40 岁失业是一个无法打破的魔咒吗
    Hadoop集群中出现的节点有哪些作用
    CDH集群的角色划分
  • 原文地址:https://www.cnblogs.com/highpointengineer/p/10563045.html
Copyright © 2011-2022 走看看