HTML+CSS+JavaScrpit日常使用总结

文字排版

字体 {font-family:"宋体";}
字号 颜色{font-size:12px;color:#666}
粗体 {font-weight:bold;}
斜体{font-style:italic;}
下划线{text-decoration:underline;}
删除线{text-decoration:line-through;}
缩进{text-indent:2em;} 2em:文字的二倍大小
文字间距{letter-spacing:20px;}

段落排版

对齐{text-align:left;}

元素分类:

常用的块状元素有:

...

      、、

      内联元素转块状元素 {display:block;}
      块级元素特点:

      1. 每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
      2. 元素的高度、宽度、行高以及顶和底边距都可设置。
      3. 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

      常用的内联元素有:

      1. 和其他元素都在一行上;
      2. 元素的高度、宽度及顶部和底部边距不可设置;
      3. 元素的宽度就是它包含的文字或图片的宽度,不可改变。
        常用的内联块状元素有:

        {display:inline-block}

      CSS内部样式

      在 * 后面的样式是所有标签都使用这个样式
      而 # 后面的样式是对应的id下用如此的样式

       
      
      • 圆角border-radius: 10px;
      • box-shadow: 0 0 10px #fff; (水平偏移量,垂直偏移量,阴影扩散程度,阴影颜色)
      • background-position: 0px 0px; 改变背景的显示位置
      • position: fixed; 固定定位
      • cursor: pointer; 放置在控件上改变鼠标显示的样式

      你可能感兴趣的:(HTML+CSS+JavaScrpit日常使用总结)