AI智能
改变未来

CSS第一天——引入方式、基础选择器、文字属性、快捷语法


按钮标签

<button>   </button>

CSS 层叠样式表 引入方式

行内式:

<div style=\" ;\">   </div>

内部内嵌式:

<head><style>......</style></head>

外部链接:

<link rel=\"stylesheet\" type=\" \" href=\"  .css\">

基础选择器

标签选择器
类选择器:  点 “.”  class=\” \”
id选择器:  “#”   id=\” \”
      不能重复,一个id名称一个页面只能出现一次
通配符选择器: *

* {                    清空默认的内外边距margin:0;padding:0;}

文字控制属性

字体大小:  font-size  px
字体:    font-family: Arial, “Microsoft YaHei”, \” \”
                微软雅黑
               SimSun  宋体
加粗:    font-weight: bold;  700
            : normal  400
字体倾斜:  font-style: italic;
           : normal;
字体颜色:  color: rgba(0,0,0,0.5)  a:透明度
文字水平居中:text-align: center
           : left、right
行高:    line-height
首行缩进:  text-indent: 2em;
下划线:   text-decoration: none;
              : underline;
综合写法:  font: 倾斜 加粗 字体大小/行高 字体;

Emmet 语法

标签名 + tab
标签名 * 数字 + tab
父子  >
兄弟  +
(div).box  (div)#box
有顺序的类名  div$3
带有内容盒子  标签/类名 + 内容

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » CSS第一天——引入方式、基础选择器、文字属性、快捷语法