HTML
超链接
文本或图像
其中的跳转的目标分为外部链接和内部链接
外部链接为://
内部链接为:\
#为空连接
如果是zip文件或者exe文件等则点击它就会下载 是下载链接
目标窗口的弹出方式:为-self本窗口打开和-blank新窗口打开
锚点链接 即点一下就跳转到页面中的某个位置
点我一下就跳转到br
表格
- 注意有序列表中只能放
- 不能放其他的文本内容 ## 自定义列表
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
即:
选择器{
修改样式
}
选择器:基础选择器:1.标签选择器 标签名
2.类选择器 .类名
3.id选择器 #id名
4.通配符选择器 *符号
字体属性:font-family 字体属性
font-weight 字体粗细
font-style 字体倾斜 italic斜体 normal正常
font-size 字体大小
文本属性:color 颜色
text-align 文本对齐
text-decoration 文本装饰 比如上划线 下划线等
text-indent 缩进
line-heghit 行间距
选择器:复合选择器:1.后代选择器 即父类 子类{}找出的是子类的所有 比如儿子 孙子等
2.子元素选择器(子选择器) 即父类>子类{}找出的是父类的亲儿子,不包括孙子等。
3.并集选择器(兄弟选择器)即兄弟,兄弟{}找出的是这两个兄弟
4.伪类选择器
比如链接伪类选择器
a:link{}即设置未点击过的链接
a:visited{}即设置点击过的链接
a:hover{}即设置鼠标放上去的时候的链接
a:active{}即设置鼠标放上去点击时(点击未松开时)的链接
当我们想要都设置时请记住这个顺序不能改变,当我们改变以后有可能有会失效
通常应用中为:
a{} a:hover{} 即一个链接样式和一个鼠标点击时的样式
行内元素:不可以设置宽高 不独占一行
块级元素:可以设置宽高 独占一行
行内块元素:可以设置宽高,不独占一行
当我们想要将一些元素转换成想要的元素时我们可以进行元素的模式转换
即display:inline行内元素
block块级元素
inline-block行内块元素
css的层叠性:即下面设置的样式可以覆盖前面设置的样式
比如
div{color;red}
div{color:pink}
所以它为粉色
css的继承性:即子类继承父类
比如:
div{color:red
}
即p标签里面的内容也为red颜色
css的优先级:选择器不同,则根据选择器的权重比较
选择器相同,则根据选择器的层叠性类比较
权重:
通配选择器:0,0,0,0,0 ()
元素和伪元素:0,0,0,0,1(例如div;p; :first-line)
类选择器,伪类,属性选择器:0,0,0,1,0
(例如:hover;.main;input[type=“text”])
ID选择器:0,0,1,0,0(例如#main)
内联样式:0,1,0,0,0(style="“)
!importangt:1,0,0,0,0
盒子模型:盒子,浮动,定位
盒子:padding 内容与边框的距离
magin 盒子与页面的距离 盒子与盒子的距离
border 边框 soild为实线属性 dashed为虚线属性
注意当我们在设置magin时比如