查看: 81|回复: 0

自学前端——day4

[复制链接]

自学前端——day4[复制链接]

zhaishao 发表于 2019-1-23 17:40:46 [显示全部楼层] 回帖奖励 |倒序浏览 |阅读模式 回复:  0 浏览:  81
自学前端—day 4

CSS部分

margin 设置所有外边距属性。
  1. margin:10px 5px 15px 20px;
  2. 上外边距是 10px
  3. 右外边距是 5px
  4. 下外边距是 15px
  5. 左外边距是 20px
  6. margin:10px;
  7. 所有 4 个外边距都是 10px
复制代码
设置固定的背景图片
  1. body
  2. {
  3. background-img:url('a.jpg');
  4. background-repeat:repeat;/*重复图片*/
  5. background-attachment:fixed;/*设置背景固定*/
  6. }
复制代码
设置文本边框
  1. border-style:dotted solid double dashed; /*上点,右实线,下双实线。左虚线*/
复制代码
设置不同元素的背景颜色
  1. <style>
  2. h1
  3. {
  4.         background-color:rgba(113, 58, 180, 0.867);
  5. }
  6. p
  7. {
  8.         background-color:#da2f5a;
  9. }
  10. div
  11. {
  12.         background-color:#2464b8;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <h1>标题是紫色</h1>
  18. <div>
  19. 背景是蓝色
  20. <p>段落是红色</p>
  21. 背景仍然是蓝色!
  22. </div>
复制代码

设置文本对齐
  1. text-align: justify;/*两端对齐*/   
  2. text-align: center/*中心对齐*/
  3. text-align:left/*左对齐*/
  4. text-align:right/*右对齐*/
复制代码
设置链接在另一个窗口打开
  1. <a href="www........" target="_blank">描述网页</a>
复制代码
使链接以图像的形式呈现
  1. <p>创建图片链接:
  2. <a href="http://www.网址.">
  3. <img  border="10" src="图像地址.jpg/gif" alt="描述" width="32" height="32">
  4. </a>
  5. </p>
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1
QQ