=================================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;