css常用单词

<!-- type = circle表示空心圆 -->
    <!-- type = disc 表示实心圆 -->
    <!-- type = square表示方块 -->     
  !!!if---表达式为真则语句执行一次
  !!!while---表达式为真则一直执行循环
  !!!break---直接终止循环
  !!!continue---结束当次循环
  !!!align="center 排列  居中
  !!!选中文字段落后,英文状态下ctrl+/是快速注释
  !!!rowspan 竖向合并单元格  colspan 横向合并单元格
  !!! <!-- img是标签,src是图片位置,alt是图片无法加载时候的提示信息 -->
 title="鼠标放到图片上显示的字" 
 
        <!-- rowspan="3"竖向合并3个单元格 -->
max-width==最大宽度;
min-width==最小宽度;
        <!-- video视频   width宽度  height高度 -->
        <!-- align="center"——居中 -->
        <!-- audio音频 -->
        <!-- value为默认值 -->
        <!-- input输入    type类型 -->
        <!-- radio是单选按钮 -->
        <!-- checked为默认对勾    checkbox复选框 -->
        <!-- 加上id和for 是在页面上点击文字可以打对勾 -->
        <!-- selecct 下拉列表 -->
        <!-- size最多显示个数 -->
        <!-- hidden隐藏内容 -->
        <!-- maxlenght+数字 允许输入字数 -->   
        <!-- option 选项 -->  
        <!-- size最多显示个数 -->
        <!-- hidden隐藏内容 -->
        <!-- maxlenght+数字 允许输入字数 -->   
background-image: url("./image/img3.jpg");==背景图像:地址("")
background-position: center;==背景位置:中心
 background-repeat:no-repeat;==背景重复:无重复
background-position==背景位置(背景图才能用);
background-size: 100% 100%==背景尺寸
background: linear-gradient(X,X)==背景:渐变色
backface-visibility: hidden;=== 背面可见性:隐藏;
background-size: cover:===背景尺寸:封面
nth-child(1)==第一个孩子(1)
 
text-indent:2em ------------首行缩进两个字符
border:  1px  dashed  red;-----dashed(虚线)
border-radius:圆角
placeholder=""---输入框的默认值
z-index:==层叠先后级数
鼠标样式:cursor
 
font-style: italic=字体,样式,斜体
font-weight: bold;字体,粗体
      writing-mode: vertical-lr;==书写方式垂直;
 
<!--contopls autoplay   自动播放 -->
 
line-height: 垂直居中
list-style: none;  =列表,样式:无
transition-duration==过渡持续时间
 
&nbsp=空格;
margin-top:=上边距;
padding=衬垫,填充;
clear:both   清除浮动;
overflow: hidden=清除浮动;溢出,清除。
vertical-align:top----------垂直对齐:顶部
 
display: inline;=显示,行;
display:block=显示:块;
 
 
文本居中:    text-align: center;
文本缩进:text-indent
vertical-align: top;==垂直对齐:顶部。
margin:0 auto;  = 盒子居中
text-decoration: none;=去除下划线
text-decoration:underline;==文字装饰-下划线;
text-align: center;=文本对齐:居中;
display:inline-block;=显示:内连块;
Z-index:=层级
透明色-transparent;
opacity=透明度
text-decoration:none;文字装饰:无
 list-style:none;列表样式:无(ul)
onclick="alert(‘Welcome!‘)"===弹出警告窗
type="button" ===按钮
 
border-radius: 20%;边界半径
border=边框;
border--collapse=边框折叠
border--spacing=0 ==边框间距
 
怪异盒子:box-sizing:border-box;
 
 float: left;=左浮动;
left=左 ; right=右;top=顶部,上;bottom=底部,下。
soid=实线;dashed=虚线。
position: relative=相对定位;
position: fixed =固定定位;
position: absolute=绝对定位。

相关推荐