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
           使用顺序:link visited hover active
  • 相关阅读:
    css 实现的纸张卷曲效果
    前端如何优化代码&前端web安全
    React native
    君士坦丁堡分叉引起的安全问题
    不用外部插件启用u盘ntfs写功能
    使用ubuntu搭建时间机器备份服务
    从一起“盗币”事件再谈合约安全问题
    如何让你的项目同时支持go vendor和go module
    golang plugin的依赖问题
    Plasma Cash合约解读
  • 原文地址:https://www.cnblogs.com/chengxiao35/p/13513129.html
Copyright © 2011-2022 走看看