个人网站 阿里云,苏州网址,河北省住建和城乡建设厅网站首页,一起做网站怎么下单随笔1030
学习第四天 样式表的样式
一、大小宽度width高度height
二、背景1.background-color 背景色2.background-image 背景图片3.background-repeat#xff1a;no-repeat 背景图的平铺方式4.background-position 背景图的位置 center等5.background-attachment 背景图是否滚… 随笔1030
学习第四天 样式表的样式
一、大小宽度width高度height
二、背景1.background-color 背景色2.background-image 背景图片3.background-repeatno-repeat 背景图的平铺方式4.background-position 背景图的位置 center等5.background-attachment 背景图是否滚动6.background-size:..px ..px; 背景图片大小
三、字体1.font-family 字体样式通常以宋体、仿宋、微软雅黑为主2.font-size 字体大小 以12px、14px为主3.font-style:italic 倾斜4.font-weight:bold 加粗5.color 直接定义字体颜色6.text-decoration:underline 下划线overline 上划线line-through 删除线none 去掉样式多用于a/a的下划线
四、对齐方式1.text-align 水平对齐2.vertical-align 垂直对齐方式3.line-height 行高 2 3配合使用用于对齐文字4.text-indent 缩进 以像素为单位
五、边界边框1.margin 外边距 顺序为上右下左2.padding 内边距 使用padding时自身会变大需要做完减去变大的大小此时需要注意 margin与padding的区别margin与padding都是作用于要移动的物体margin是距离外部的距离padding是本身与自身内部物体的距离例方块1里面有个方块2方块2内有方块3此时让2距离1多少距离就要对2进行编辑margin让2内的3距离2多少距离就要进行编辑padding。*{ margin:0px auto; padding:0px;} 页面都需要添加此项内容保证整个页面的布局方式3.border 边框border: 1px solid #60F 第一个代表边框粗细第二个代表边框样式第三个是边框颜色可以用来做三角
六、列表方块1.list-style:none 去掉列表的符号若有*{ margin:0px auto; padding:0px;} 则不显示列表符号了2.list-style-image: 将序号变成图片
七、格式与布局1.位置position:fixed 固定位置固定于浏览器的位置滚动页面位置依然在浏览器固定位置position:absolute 绝对位置固定在父级元素之上 固定在浏览器上页面具体位置position:relative 相对位置相对于原来定义的位置2.流float:left/right 向左向右流写完之后要清除流div styleclear:both/div3.z-index 分层 值越大越靠上
八、其他1.displaydisplay:block(显示)/none(隐藏) 不占位置2.visibility:visible(显示)/hidden(隐藏) 占位置3.overflow:hidden 超出部分隐藏4.透明 opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity50)5.圆角 border-radius:5px;6.阴影 box-shadow:0 0 5px white; 转载于:https://www.cnblogs.com/claricre/p/6016858.html
