我的html学习记录(一)
超链接<a>1<a></a>
超链接属性target
_self 当前页_black 空白页 默认
文本修饰常用标签加粗用b和strong12<b></b> <strong>
效果:
加粗加粗
倾斜用i和em12<i></i> <em></em>
效果:
倾斜倾斜
删除线用s和del12<s></s> <del></del>✔
效果:
删除线删除线 ✔
HTML5已经不支持 s 标签
下划线用u1<u></u>
效果:
下划线
角标用sup和sub12xxx<sup> xxxx<sub> x
效果:
角标上角标下
列表标签有序列表用ol和li12345<ol> <li>把冰箱门打开</li> <li>把大象放进去</li> <li>把冰箱门关上& ...
我的html学习记录(二)
表单表单标签使用form
1<form></form>
单行文本框控件文本框input 单标签:单行文本框
属性为type:输入控件的类型
type的值为text也就是文本,也是type的默认值
密码框type的值为password也就是口令/密码,输入时内容会被 屏蔽,只显示**或··
多行文本框控件textarea 双标签:多行文本框
cols 指定一个文本区的可见宽度,值为数字
rows 指定一个文本区的可见行数,值为数字
但是实际开发项目中,为了美观和输入文本的多样性,一般通过css来控制它的样式
取值按钮单选通过type属性值radio
多选type属性值 checkbox
单选多选的默认选中checked 只要值不为空都可以
下拉菜单控件select 包含一个或多个option子标签,均为双标签
且select中只能包含option
下拉菜单的默认选中selected 不需要值
多选下拉菜单给select 标签定义一个multiple属性
快捷键:Alt+Shift+下键 ,可以复制当前这条
size属性定义控件的默认可见行数
选择文件通过inpu ...
我的css学习记录(一)
CSS速查表
css元素放在style元素中,放在head元素末尾123456789<html> <head> xxxxxx xxxxxx <title></title> <style></style> </head> <body></body></html>
CSS有三种插入样式表的方法
分别是内联css、内部css和外部css
内联css用来为一个单一的元素应用一个独特的样式
1234567<body> <h1 style="color: blue; text-align: center;">xxxxx</h1> <p style="color: red;"> xxxxx </p></body>
内部css内部样式表一般定义在head元素中,通过st ...
我的css学习记录(二)
CSS选择器的权重优先级:行内样式 >ID选择器 > 类选择器 > 元素选择器 > 通用选择器
权重的计算为相加比大小
CSS边框边框样式border-style属性指定了要显示什么样的边框
值:
dotted:定义一个点状的边框dashed:定义一个虚线边框solid:定义一个实线边框double:定义一个双倍的边框none:定义无边框hidden:定义一个隐藏的边框
border-style: hidden>border-style: solid>border-style: none
123table { border-collapse: collapse; 让表格线细一些}
控制单独一条的边框线,可以在border-style中间添加一个表示方位的词如:
border-right-style:
border-style有简写方法,有四种写法:
第一种写法:四个值,分别代表上边、右边、下边、左边的边框样式,从顶部开始按照顺时针方向来设置值
第二种写法:三个值,分别代表上边、左右边、下边的边框样式
第三种写 ...