• 记录学习css的一天


    由于自己第一次用这个,不太了解,所以以为日记和随笔差不多,结果发现日记发布不了,所以昨天的就和今天的一起发布,这也是给一些萌新的忠告。

    今天学了一个小时的HTML,其余都是css(层叠样式表),下面我就把老师所讲的内容整理出来了.我写的是比较难的那一部分。

    css的使用方式()
    1.行内样式(内联样式)
    <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
    2.页面嵌入(内部样式表)
    在head标签里面增加一个子标签
    <style>
    选择器
    属性名1:属性值1;
    属性名2:属性值2;



    3.外部文件(外部样式表)
    在head标签里面增加一个子标签
    <link rel="stylesheet" href="css文件的路径" />
    4.外部导入样式
    主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算


    css语法: (符号都是英文的)
    选择器{
    属性名1:属性值1;
    属性名2:属性值2;

    css------选择器
    ID选择器
    使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头
    一个页面中只能有一个id属性值
    css中id选择的表示方法用 # 表示
    class选择器
    使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头
    一个页面中可以有多个class属性值
    css中class选择器的表示方法用 . 表示
    标签选择器
    直接写标签名
    组合选择器
    选择器直接用,分隔开即可
    子代选择器
    > 只针对子代
    后代选择器
    用空格表示,包含着子代选择器
    通用选择器:针对于所有的标签

    注意

    (选择器是有权重的
    内联样式 1000
    id 100
    元素 1
    class 10
    通用 0
    boss !important 只要出现,就以这个为主


    权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式
    权重仅仅只能作为参考

    权重的计算
    不需要管子代和后代的
    如果权重相同,就近原则。以后定义的为准)

     

  • 相关阅读:
    atan与atan2的区别
    UVALive 6324 Archery (求射箭覆盖的期望)
    哈希UVALive 6326 Contest Hall Preparation
    HDU 2489 Minimal Ratio Tree (DFS枚举+最小生成树Prim)
    UVA:11183:Teen Girl Squad (有向图的最小生成树)
    POJ3164:Command Network(有向图的最小生成树)
    UVA10462:Is There A Second Way Left? (判断次小生成树)
    UVA10600:ACM Contest and Blackout(次小生成树)
    HDU4081:Qin Shi Huang's National Road System (任意两点间的最小瓶颈路)
    HDU1233:还是畅通工程(最小生成树)
  • 原文地址:https://www.cnblogs.com/susucom/p/10939241.html
Copyright © 2020-2023  润新知