网站建设素材收集通知,网站建设必备的功能模块,wordpress 文章标签,在线设计的软件CSS布局基础#xff08;CSS书写顺序 导航栏写法#xff09; CSS布局基础#xff08;CSS书写顺序#xff09;导航栏写法PC端网页开发一般步骤容易出问题的点 CSS布局基础#xff08;CSS书写顺序#xff09;
布局定位属性自身属性#xff08;宽高#xff0c;边框CSS书写顺序 导航栏写法 CSS布局基础CSS书写顺序导航栏写法PC端网页开发一般步骤容易出问题的点 CSS布局基础CSS书写顺序
布局定位属性自身属性宽高边框内外边距内部文本属性C3等其他属性
导航栏写法
使用 li a 的方式实现而不是直接写多个 a 标签
PC端网页开发一般步骤
布局的一般原则是从大到小也就是先确认整体布局再对局部布局进行调整。 清除默认间距
* {margin: 0;padding: 0;
}确定主显示区 PC端网页一般会有个中心区域展示内容有的地方也叫版心。
.main {width: 960px;margin: 0 auto;
}
button{border: 0;
}行内块元素之间默认有空隙 解决方案
浮动源代码级别将两个标签连接的字符(SPAN)放在同一行源代码级别用注释连接两行在注释中换行
划分大致的区域 一般来讲大致分为 头部内容区尾部在每个大区内部再进行划分 一般来讲相同或相似样式的内容划分到一个盒子
容易出问题的点
上下外边距相遇时会忽略较小值直接取较大值而不是二者之和嵌套父子盒子同时设置margin-top时子元素无效会计算到父元素上盒子浮动后变成行内块的特性UI上没有明显界限的多个盒子可酌情划分盒子内图片大小只设置一边若同时设置宽高可能导致图片扭曲变形不定长的导航栏或者 列表在不确定的方向上不要设置固定的宽高由实际内容撑开
