HTML+CSS基础

电玩女神 2022-01-06 16:17 369阅读 0赞

前端脚本与后端脚本的区别：能被浏览器所理解

Html —— 积木库

Css —— 积木详细样式设计

JavaScript ——dom（操作控制积木）

Html:

块状容器

行内容器

块状容器

Css:三种使用方法

  1. 内联： 在标签内设置style=”color:red;mso-para-margin-left:0.0000gd;mso-list:l0 level1 lfo1;”>
  2. 页内： 在head内设置style标签

　　3.页外：设置a.css文件， link引进文件

　　　　

　　Css文件内使用!important 强制优先

选择器：

.{ } 类选择器 class属性 可以放置多个类 加空格

#{ } id选择器 id属性

td{ } 标签选择器

[class=‘mid’] 属性选择器 ps:加单引号

tr td{ } 子孙选择

tr>td{ } 子选择 td在tr的直系子孙

tr,a{ } 或关系

Ctrl+shift+f 格式化前端css代码

属性: overflow 页面太长时自动加滚动条

Color background-color

Box模型

大小： width height //200px 50%

位置：left, right, top, bottom //先设置position

外边距margin：margin-left //会改变位置

内边距 padding: padding-left //会改变自身大小

边框 border：border-left //border:1px #ff0000 solid;

定位方式：position //position:fixed;left:200px;

fixed : 以body为起始

absolute : 以上一级位置开始

relative : 以原本位置开始，相对布局

转载于:https://www.cnblogs.com/wanglinyu/p/8470130.html

发表评论

表情：
评论列表 （有 0 条评论，369人围观）

还没有评论，来说两句吧...

相关阅读