前端基础第三天

css定义

css(层叠样式表)是一种样式表语言，用来描述HTML文档的呈现（美化）

css引入方式

• 内部样式表
  • css写在style标签里面
• 外部样式表
  • css代码写在单独的css文件里
• 行内样式
  • 写在标签的style属性值里
  • 引入时在html文件里进行link连接

选择器

基础类选择器

• 标签选择器

        使用标签作为选择器（所以该标签都转换成设定样式）       

 style{
   p{
   }
 }

• 类选择器

       给标签添加类名 （类名不要用纯数字或中文，尽量用英文命名）

        一个类选择器可以供多个标签使用

        一个标签可以使用多个类名，类名之间用空格隔开      

style{
  .定义类名{}
}

• id选择器

        同一个id选择器在一个页面只能使用一次     

style{
        定义id选择器{}
 }
 <div id=" ">这是div标签</>

 

• 通配符选择器

  *{
      margin:0;
      padding:0;
  }

  不需要调用,浏览器自动查找页面所有标签，设置相同的样式

        通配符选择器可以用于清除标签的默认样式

文字控制属性

描述	属性
字体大小	font-size
字体粗细	font-weight	700（加粗）~400（不加粗）
字体倾斜	font-style	normal/italic
行高	line-height	数字+px / 数字（倍数）
字体族	font-family
字体复合属性	font
文本增进	text-indent	数字em/数字px
文本对齐	text-align	left/right/center
修饰线	text-decoration	none/underline/line-through/overline

垂直居中技巧：行高等于盒子高度属性值

font-family属性值可以书写多个字体名，各个字体名用 逗号 隔开，执行顺序是 从左向右 依次查找

• font-family 属性 最后 设置一个 字体族名 ，网页开发建议使用 无衬线字体

 font复合属性

font:是否倾斜 是否加粗 字号/行高 字体；（不设置可省略，但顺序必须一致，字号和字体必须书写）