互联网价值营销执行者
Hi
很高兴认识你
留下您的需求和联系方式我们即刻为你准备方案
  • 手机号:
也可以通过以下方式直接与我们沟通
服务热线
139 2626 7565
数字营销
网络营销策划、全网营销推广、网络营销运营、网络营销顾问、网络品牌服务、搜索引擎营销服务(SEM)、搜索引擎优化服务(SEO)、搜索营销、DSP精准广告
汇客
在互联网时代让品牌更具有价值
提升品牌识别度,拉升品牌信任度,以内容创意平台升级为核心,以数字化营销策略为主导,凸显在互联网时代品牌的商业价值。
为客户在互联网时代多维度的体验推动企业利益最大化
联系我们
139 2626 7565
广州市

广州市天河区天寿路31号江河大厦1505-06

售前电话
139 2626 7565 MR LI
洞察 INSIGHT

如何设计网站样式,CSS网站布局的思想

2019-04-16 阅读:1848

网站的结构就是两部分(横向和纵向) 如果是纵向的就是正常的文档流,设置内容器的宽度和高度,设置内容和边框之间的距离 padding ,边框往外的部分margin border调这些属性就可以。


  1. 一、行内元素和块元素。行内元素:输入完标签之后,不是自己占一行,行内元素的宽度和高度是由内容来决定,宽度和高度width height 不能用  css样式是display:inline;块元素 :输入完标签之后,自己独占一行,可以设置宽度和高度,width和 height,Css样式 display :block。

  1. 二、Overflow当内容溢出,如何显示;Hidden:隐藏;Auto;如果盒子装不下,就会出现滚动条;Scroll,无论是否能装下都有滚动条边框。

  1. 三、外层元素的样式,会被里面的元素所继承,那些标签可以继承?如下:

  1. 四、优先级。单个选择器的优先级:标签选择器  <类选择器 < id选择器 <行内样式表。

  1. 五、复合选择器优先级:写的越精确,优先级越高。

  1. 六、清除浮动。Div里面还有

    (外面的div父盒子>)div父盒子没有设置固定高,里面设置了浮动,父元素受影响,无法正常的计算,如何让父元素得到一个自然高,在父盒子里面的最下方加

    给该div设置清除浮动的属性clear:both。

  1. 七、Fixed 固定定位。相对于浏览器窗口来进行的定位;如果不设置定位坐标,就在原来的位置;层级要被普通标签高;如果结合定位坐标,就是相对于目标位置的距离;设置固定定位之后,一定是块元素。

  1. 八、Relative相对定位。相对定位占空间;如果不结合定位坐标,就是在原来的位置;如果结合定位坐标,相对【自身】,作为参考点;层级要高于普通的元素。

  1. 九、绝对定位。


X
扫一扫加关注
打开微信,使用“扫一扫”功能。
赶快关注我们吧!
广州 佛山 深圳 东莞 中山 肇庆
您已经犹豫了
观望只会错过创造美好的机会
一定要扫