常州网站推,母婴网站这么做,400电话西安网站制作 彩铃制作,手机网站 生成app目录 1.文本
2.字体
3.列表list
a.无序列表
b.有序列表
c.定义列表
4.表格table
a.内容
b.合并单元格
3.表单input
a.input标签
b.单选框
c.上传文件
4.下拉菜单 1.文本
属性描述color设置文本颜色。direction指定文本的方向 / 书写方向。letter-spacing设置字符…目录 1.文本
2.字体
3.列表list
a.无序列表
b.有序列表
c.定义列表
4.表格table
a.内容
b.合并单元格
3.表单input
a.input标签
b.单选框
c.上传文件
4.下拉菜单 1.文本
属性描述color设置文本颜色。direction指定文本的方向 / 书写方向。letter-spacing设置字符间距。line-height设置行高。text-align指定文本的水平对齐方式。text-decoration指定添加到文本的装饰效果。text-indent指定文本块中首行的缩进。text-shadow指定添加到文本的阴影效果。text-transform控制文本的大小写。text-overflow指定应如何向用户示意未显示的溢出内容。unicode-bidi与 direction 属性一起使用设置或返回是否应重写文本来支持同一文档中的多种语言。vertical-align指定文本的垂直对齐方式。white-space指定如何处理元素内的空白。word-spacing设置单词间距。
属性描述text-align-last指定如何对齐文本的最后一行。text-justify指定对齐的文本应如何对齐和间隔。text-overflow指定应如何向用户呈现未显示的溢出内容。word-break指定非 CJK 脚本的换行规则。word-wrap允许长单词被打断并换到下一行。writing-mode指定文本行是水平放置还是垂直放置。
对于 W3C compliant CSS如果定义了 color 属性则还必须定义 background-color 属性。 2.字体
属性描述font简写属性。在一条声明中设置所有字体属性。font-family规定文本的字体系列字体族。font-size规定文本的字体大小。font-style规定文本的字体样式。font-variant规定是否以小型大写字母的字体显示文本。font-weight规定字体的粗细。 字体大小 PC端网页最常用的是像素px且必须要带单位谷歌默认字体是16像素 p {font-size:30px;
} 字体粗细 行高文本高度上间距下间距
注意添加单位px表示行高不加单位表示当前标签属性值的倍数 3.列表list
列表还拥有默认的外边距和内边距。
要删除此内容可在 ul 或 ol 中添加 margin:0 和 padding:0
属性描述list-style简写属性。在一条声明中设置列表的所有属性。list-style-image指定图像作为列表项标记。list-style-position规定列表项标记项目符号的位置。list-style-type规定列表项标记的类型。 a.无序列表 b.有序列表 c.定义列表 4.表格table
table 和 th 和 td 元素都有单独的边框。
属性描述border简写属性。在一条声明中设置所有边框属性。border-collapse规定是否应折叠表格边框。border-spacing规定相邻单元格之间的边框的距离。caption-side规定表格标题的位置。empty-cells规定是否在表格中的空白单元格上显示边框和背景。table-layout设置用于表格的布局算法。 a.内容 加入表格结构标签thead,tbody,tfoot便于浏览器读取也可省略
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title第二天/title
/head
body!-- 无序列表 --ulli无序列标签1/lili无序列标签2/li/ul!-- 有序列表 --olli有序列标签1/lili有序列标签2/li/ol!-- 定义列表 --dldt标题/dtdd描述1/dddd描述2/dd/dl!-- 表格标签加border后能显示边框 加入表格结构标签thead,tbody,tfoot便于浏览器读取也可省略--table border1theadtrth第一行表头单元格1/thth第一行表头单元格2/th/tr/theadtbodytrtd第一行内容单元格1/tdtd第一行内容单元格2/td/tr/tbodytfoottrtd第二行汇总单元格1/tdtd第二行汇总单元格2/td/tr/tfoot/table
/body
/html b.合并单元格 注意
表格是在自己的结构标签内进行合并的不能跨结构标签thead、tbody、tfoot合并
!-- 合并单元格遵循“保留最左最上”原则 --table border1trth语文/thth数学/thth英语/th/trtrtd70/tdtd rowspan280/tdtd90/td/trtrtd90/td!-- td80/td 删除--td70/td/trtrtd colspan3160/td!-- td160/td 删除--!-- td160/td 删除--/tr/table 3.表单input
CSS 表单
作用收集用户信息
使用场景 登录页面 注册页面 搜索区域 a.input标签 添加input标签占位文本使用placeholder属性即可 b.单选框 c.上传文件
br!-- 表单标签——input标签使用 --!-- 单纯的文本形式不能换行 --文本框input typetextbr!-- 自动非明文显示 -- !-- input标签占位文本 --密码框input typepassword placeholder请输入密码br单选框!-- gender是自定义名称添加checked属性默认选中 --input typeradio namegender 男input typeradio namegender checked 女brbr!-- 默认只可上传一个文件添加multiple属性可实现文件多选功能 --上传一个文件input typefile br上传多个文件input typefile multiplebrbr!-- 添加checked属性实现默认选中 --多选框input typecheckbox 苹果多选框默认选中input typecheckbox checked 草莓br 4.下拉菜单select !-- 下拉菜单使用属性selected实现默认选中--城市!-- select name id/select name和id等是发送数据使用的属性--select option北京/optionoption上海/optionoption selected广州/option/selectbrbr
【记录学习过程的笔记欢迎大家一起讨论会持续更新】
