【前端模块】第35天——CSS

【前端模块】第35天——CSS

回顾:html: 作用:展示 文件标签: 排版标签: p 段落 hr 水平线 br 换行 字体 h1~h6 标题 font 字体 大小 颜色 b strong 加粗 i 斜体 图片★ 路径的写法: 相对路径: ./ 或者 什么都不写 当前目录 ../ 上一级目录 绝对路径:常用 超链接★ 表格标签 ★★

td重要的属性: colspan:列合并 rowspan:行合并 列表:

子标签:列表项

form 表单标签: 常用属性 action:提交的路径 method:提交的方式(get和post) 常用子标签 input select textarea input标签 常用属性: type: text password radio checkbox file submit reset button hidden image name: 要想将信息提交到服务器必须提供name属性 将单选框和复选框设置成一组 value: text password 设置默认值 radio checkbox 设置选中后提交的值 submit reset button 给按钮起个显示的名字 select:下拉选 显示的名字 textarea:文本域 默认值 给单选框多选框设置默认值 设置属性 checked="checked" 给下拉选设置默认值 设置属性 selected="selected" 提交的路径(get) 例如: 框架(了解) frameset:规定框架结构 框架集 常用属性: rows:水平qiege cols:垂直切割 常用子标签 frame:具体实现 例如:水平切割3份 frame: 常用的属性: src:具体展示那个网页 name:给当前的frame起个名称 方便超链接使用案例1-用div+css重新布局首页技术分析: div css/div: 块标签 span:行内的块标签 css:渲染 层叠样式表 作用: 渲染页面 提高工作效率 格式: 选择器{属性:值;属性1:值1;} 后缀名: .css 独立的css(样式)文件 和html元素的整合★ 方式1:内联样式表 通过标签的style属性设置样式 方式2:内部样式表 在当前页面中使用的样式 通过head标签的style子标签导入 例如: 方式3:外部样式表 有独立的css文件 通过head标签的link子标签导入 例如: 选择器:★ id选择器 要求: html元素必须有id属性且有值 css中通过"#"引入,后面加上id的值 #id1{...} class选择器 要求: html元素必须有class属性且有值 css中通过"."引入,后面加上class的值 .cls1{...} 元素选择器 直接用元素(标签)名即可 xxx{...} 派生的选择器 属性选择器★ 要求: html元素必须有一个属性不论属性是什么且有值

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。