CSS知识1

迈不过友情╰ 2022-01-17 06:25 275阅读 0赞

**CSS知识1**

CSS知识1：  
CSS：样式定义如何显示HTML元素。就像衣服一样。衣服有千万种，千变万化，大多可改变它。  
CSS基础语法：选择器\{属性：值；属性：值\}  
注意多个属性值的时候要用分号分隔它们，分号是一个分隔符号，最后一个人属性值可不需分号。  
派生选择器：（通过依据元素在其位置的上下文关系来定义样式）  
选择器：  
Id选择器：（可为标有特定id的HTML元素指定特定的样式）  
Id选择器以“\#”来定义。\#rmb。Id=“”  
Id选择器只能在文档中出现一次，可多次使用。  
Id选择器可用作派生选择器

类选择器：
    		类选择器以“.”来定义。.rem。class=“”
    		类选择器也可以用作派生选择器
    属性选择器：（对带有指定属性的HTML元素设置样式）

创建CSS：  
当读到一个样式表时，浏览器会根据它来格式HTML文档。插入样式表的方法有三种：  
外部插入样式表：（引用外部CSS）  
当样式需要应用于很多页面时，外部样式表将是理想的选择。  
外部样式表通常用标签链接到样式表，标签在文档的头部（标签）

内部样式表：（内部样式） 使用 任何文本编辑器都可在内部样式表里编辑， 不要在属性值与单位之间留有空白，否则将无效。 可多重样式：某些属性在不同的样式被同样的选择器定义， CSS样式嵌套HTML中：（在元素编辑器中直接编写CSS样式，但要定义个style属性（style=“可多重样式”））。 CSS背景：（CSS允许应用纯色作为背景，也允许使用背景图像创建背景效果。） Background（简写）：颜色； Background-color（背景颜色）：元素； Background-position（背景起始位置）：单位； CSS文本：（CSS文本属性可定义文本的外观） font-size（文字大小）：单位； color（字体颜色）：颜色； line-height（行高）：单位； text-align（对齐）：属性值 text-decoration（修饰）：属性值 word-spacing（字间距）：属性值 CSS字体：（CSS字体属性定义文本的字体系列、大小、加粗、风格（斜体）和变形（大小写）） font-size（字体大小）：单位 font-style（字体风格）：风格 font-weight（字体的粗细）：单位 CSS链接：（可跳转到任意页面链接） 标签：a:link-普通的、未被访问的链接 a:visited-用户已访问的链接 a：hover-鼠标指针位于链接的上方 a：active-链接被点击的时刻  href=“路径” CSS列表：（把元素都排成列表） 无序列表：

*  标签里加
 *  标签 有序列表：
    
    1.  标签里加
    2.  标签 CSS表格：（整洁的框架，里面的数据也有条有理） //表头
        
        <table> 
         <tbody> 
          <tr> 
           <th></th> 
          </tr> 
          <tr> 
           <td></td> 
          </tr> 
         </tbody> 
        </table>
        
        border-collapse：表格边框合并为单一边框 border-spacing：分隔单元格边框的距离 caption-side：表格标题的位置 CSS轮廓：（是元素周围的一个边框，位于元素的外围，可设置它的样式、颜色、大小） outline：（color、style、width）。