HTML+css

标签超链接标签
属性:href:链接的目标地址,使用“#”空链接
target:链接界面的打开方式(取值:_self覆盖自身_blank新打开)
css3在style使用鼠标悬停a:hover(标签:hover) link访问前 visited访问后 active 点击后
用法标签:hover
锚点跳转
href=“id名”

列表
1.有序列表

项目符号type:小写字母lower-alpha 大写字母upper-alpha 小写罗马字母lower-roman 大写罗马字母upper-roman 大写汉字cjk-ideographic 数字(默认) 2.无序列表
3.定义列表
(伪类选择器:first-child选取属于其父元素的首个子元素:last-child选取属于其父元素的最后一个子元素) eg:li:first-child{} eg:nth-child(数字) 用来表示一个缩写词或者首字母缩略词 eg:

The WHO was founded in 1948.

区域图像映射标签 属性 alt 规定区域的替代文本,如果使用href属性,则该属性是必需的的 coords 规定区域的坐标 href 规定区域的目标 shape 规定区域的形状(值:default,rect,circle,poly)

结合map使用在标签内使用usemap属性
表格

//行
单元格
里面嵌套表示这行内容自动是标题样式 属性 border:表格边框况宽度 width:定义表格宽度 height:第一表格高度 cellspacing:定义单元格之间的宽度,默认值2px cellpadding:定义单元格与内容之间的空白,默认值1px 细线表格

合并单元格
rowspan=“所跨行数”
colspan=“所跨列数”
在确定要合并拿一些单元格后,要将被合并的单元格注释掉

页面交互标签

用于显示或隐藏文档的细节信息。details元素往往与summary元素配合使用,有summary为details定义标题 属性open:取值open默认不显示。

progress元素
progress元素用于显示某个特定任务的时间进度

value:定义当前已经完成的工作量数值value1取值范围0.0~1.0默认值1.0
max:定义全部的工作量数值,value2取值范围0.0~1.0默认值1.0
max和value的值必须大于0,value的值要大于或等于max

meter元素
meter元素表示某个特定范围内的数值
属性:
1.value:定义度量的当前值
2.optimum:定义度量的优化值
3.low:定义度量的值位于那个点被界定为低值范围
4.high:定义度量的值位于那个点被界定为高值范围
5.min:定义范围的最小值,默认值为0
6.max:定义范围最大值,默认值1

说明:low属性的值为0.5(50%),high属性的值为0.85(85%),并且属性的值为1(大于high属性的值)value>=0.85,显示绿色(value大于或者等于high显示绿色)0.5=<value<0.85,显示黄色(value小于high且大于等于low显示黄色)value<0.5显示红色,value<low时显示红色。
内联样式
内联样式就是在元素标签内使用style属性,style属性的值可以包含任何CSS样式声明。
<标签 style=“属性:属性值;属性:属性值;”
eg:


内联样式表
内联样式表写在html的标签对内

css选择器
标签选择器
类选择器(根据class)
id选择器(根据id名来)
通配符选择器
*{margin:0;padding:0;}
标签指定选择器p.class名{}标签名和类名之间没有任何符号
后代选择器当

标签内嵌套 标签就可以使用后代选择器p span
并集选择器(包含任何选择器)是用各个选择器通过逗号连接而成的eg:在网页中标题2和标题3的颜色相同字号相同,就可以使用并集选择器
文本样式
字体样式:font-family
eg:font-family:“黑体”;
设置字体大小:font-size
设置字体粗细:font-weight
设置字体风格(正常字,斜体字italic):font-style
文本外观属性
color(文本颜色)(rgb)
定义字体修饰:text-decoration
underline:文本加下划线
overline:文本加上划线
line-through:文本加删除线
none:标准文本,无修饰
设置文本对齐方式:text-align
center:文本居中
left:文本左对齐
right:文本右对齐
justify:文本两端对齐
设置行间距:line-height(单位:em,行高在css样式中)
设置首行缩进:text-indent(单位em)
向文本的第一个字母添加特殊样式::first-letter
eg:p:first-letter{}定义段落中的第一个字符样式
设置字符间距:letter-spacing(用于定义英文和中文字符之间的间距)
设置单词间距:word-spacing
设置文本大小写转换:text-transform
none:默认值,不转换
capitalize:问而不能中的每个单词以大写字母开头
uppercase:全部转换成大写字母
lowercase:全部转换成小写字母
文本阴影:text-shadow
设置允许长单词或URL地址换行:word-wrap
设置空白符的处理方式:white-space
设置文本溢出的标记:text-overflow
设置图像样式

在css样式里可以使用选择器进行样式的更改美观
设置图像边框:border-style:属性设置边框线型
border-width:属性设置边框粗细
border-color:属性设置边框颜色
相框制作
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值