0x-x0

摘要： 盒子模型 页面中的每一个标签都看成是一个 盒子 浏览器在显示页面的时候，把页面中的元素看作是一个个矩形区域，也称之为 盒子 css中盒子由 内容content，内边距padding，边框border，外边距margin 构成，就是盒子模型 内容content 内容的宽度和高度 通过width和hei 阅读全文

摘要： 元素的显示模式 块级元素： 独占一行（一行只能显示一个） 宽度默认是父元素的宽度，高度默认由内容撑开 可以设置宽高 div ，p，h1~h6，dl，ul，li，dt，dd，header，footer，nav，main，form... 行内元素: 一行可以显示多个 宽度和高度默认由内容撑开 不可以设置 阅读全文

摘要： 字体样式 p { /* 字体大小 浏览器默认文字大小是16px 单位一点要设置，否则无效 */ font-size: 24px; /* 字体粗细 bold 加粗 font-weight: lighter; 纯数字：100-900的整百数 */ font-weight: lighter; /* 字体样 阅读全文

摘要： 通配符选择器 找到页面中所有的标签，设置样式 语法 *{ 属性名:属性值} 代码 * { margin:0； } #### 复合选择器 后代选择器 后面的选择器是前面选择器的后代，选择器之间用空格隔开 .out .inner p { color: palevioletred;} <div class 阅读全文

摘要： CSS 层叠样式表* (Cascading Style Sheets) 作用：美化页面 css的引用方式 内联样式 <!-- 内联样式 所有标记 有公共的html属性 style 值为css的内容 <标记 style="css属性名:属性值;css属性名:属性值;">内容</标记> 缺点:html和 阅读全文

摘要： 表单标记 向网页上输入内容 文本框，密码框，单选框，复选框，按钮，下拉列表，文本域 <!-- div和span --> <div>div标记</div> <div>div标记</div> <span>span标记</span> <span>span标记</span> <!-- 表单标记 --> <! 阅读全文

摘要： 列表标记 有序列表 <!-- 有序列表 ol中只嵌套li 特点：独占一行 ，自带样式 --> <ol> <li>列表内容 1</li> <li>列表内容 2</li> <li>列表内容 3</li> </ol> 无序列表 <!-- 无序列表 ul中只嵌套li 特点:独占一行，自带样式 --> <ul 阅读全文

摘要： 站点的创建 一个网页上所有的网页，素材 （img，js,css,html) 文件命名规范： 用英文不用中文 名称全部小写英文字母，数字，下划线的组合，比如 my_proj1,不能有汉字，空格，和特殊符号& 必须以英文开头 网站的首页必须命名为index.html,不建议使用shouye.html w 阅读全文