02 CSS3 BASIC 概述、语法与边框

=================================CSS概述========================================

W3C建议尽量使用CSS样式取代HTML属性

================================CSS语法=========================================

基本排错：

           1、Styles 中提示 "Unknown property name"
               说明样式属性名称写错了
           2、Styles 中提示 "Invalid property value"
               说明样式属性值写错了

关于尺寸的一些相关说明

1、不是所有的元素都可以修改宽和高，允许被修改的元素有：所有的块级元素、大部分的行内块元素（如表单控件元素里面的单选框，但是是大部分的像单选按钮，复选框是无法修改尺寸哒，因为人家挺好的，改了就逆天了啦。）、存在 width 与 height 属性的 HTML 元素（比如img,table(不是行内也不是块级元素)，）

        2、溢出
           使用尺寸属性控制元素大小时，如果内容所需的空间大小大于元素本身的空间，会导致内容溢出
           处理溢出的属性:
               overflow（溢出）:
               overflow-x:横向溢出处理
               overflow-y:纵向溢出处理
                   取值：
                       1、visibile
                           默认值，溢出可见，相当于不做任何修改
                       2、hidden
                            溢出隐藏
                       3、scroll
                           让元素显示滚动条，溢出时可用
                       4、auto
                           自动，溢出时显示滚动条，并可用，不溢出则没有滚动条

=====================================CSS 边框=============================

边框注意事项

                1、边框颜色可取值为 transparent，意味透明
               2、取消边框显示
                   border:0;
                   border:none;

border-方向:0;
border-方向:none;

1、边框
   1、边框倒角
       border-radius
       取值：
           1、px
           2、%
   2、边框阴影
       box-shadow
       取值：
           h-shadow:水平位置
           v-shadow:垂直位置
           blur : 模糊距离
           spread ：大小
           color ：颜色
           inset ：值，内阴影
   3、轮廓
       outline:width style color;
       outline-width:
       outline-style:
       outline-color:

outline:0;
outline:none;

02 CSS3 BASIC 概述、语法与边框

猜你喜欢