zoukankan      html  css  js  c++  java
  • css(一)

    CSS

      为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 
      CSS:(网页美颜相机)  层叠样式表
            作用:用来美化网页的 
    

    样式表

      样式表:行内样式表 内部样式表 外部样式表 
      行内样式表(内联样式表):内嵌的标签中,通过style
            style是标签的属性 、属性值是多个样式
            px:像素单位 
            在样式表中:width是样式的属性,200px是样式的属性值,属性与属性值之间用:隔开,多个属性之间用;隔开 
     内部样式表:  在head标签中使用style标签 
     外部样式表 : link:建立与外部CSS文件的链接
                  rel="stylesheets":定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件 
      CSS规范: 1、 选择器与花括号之间加空格
              2、冒号与属性值之间加空格
              3、多个属性值之间用;
    

    字体样式属性

      1、利font-size:字号大小   用像素 属性值一般设置偶数  页面中默认字体大小是16像素
      2、利font-family:字体的家族  汉字表示:黑体  英文表示 SimSun Unicode 编码: "5B8B4F53"
      3、区font-weight:字体粗细   bold
      4、font-style:字体风格  oblique/italic 表示倾斜
      5、font:综合设置字体样式
    
      选择器{font: font-style  font-weight  font-size  font-family;}
    

    外观属性

      1、color:文本颜色
            十六进制  0-9 A-F 用六位 
            #000000黑色
            #ffffff黑色 
      2、RGB
            red 红色  green  绿色  blue蓝色 
      3、0-225 
    
      1、通line-height:行间距
       行高属性 
            文本垂直居中,属性值与盒子高度相同 
            line-height: 100px;
            数值小于高度,文本靠上
            line-height: 60px; 
            数值大于高度, 文本靠下
      2、text-align:水平对齐方式	
      3、text-indent:首行缩进
      4、text-decoration
      文本下划线 
            text-decoration: underline; 
      文本删除线 
            text-decoration: line-through; 
      文本上划线 
    

    选择器

      选择器:通过一种方式去选择指定的元素,这种方式就是选择器       
      选择器:基本选择器、复杂选择器、伪类选择器 
      基本选择器:标签选择器、类名选择器(.)、多类名选择器、id选择器(*)、通配符选择器 
      复杂选择器:交集、并集、子代、后代
      伪类选择器::link、:visited、:hover、:active
  • 相关阅读:
    HDU 2116 Has the sum exceeded
    HDU 1233 还是畅通工程
    HDU 1234 开门人和关门人
    HDU 1283 最简单的计算机
    HDU 2552 三足鼎立
    HDU 1202 The calculation of GPA
    HDU 1248 寒冰王座
    HDU 1863 畅通工程
    HDU 1879 继续畅通工程
    颜色对话框CColorDialog,字体对话框CFontDialog使用实例
  • 原文地址:https://www.cnblogs.com/cxyll990414/p/13514082.html
Copyright © 2011-2022 走看看