HTML5+CSS 字体修饰与选择器优先级

6 篇文章 0 订阅
<sub>下角标
<sup>上角标
<b></b>文本加粗
<strong></strong>加强版文本加粗具有强调性
<i></i>斜体标签
<u></u>给文本加下划线
<del></del>删除线标签
<cite></cite>一般用于引用书名号(小斜体)

css引入方式的优先级
行内式>内嵌式=外链式
行内式优先级最高,内嵌式和外链式遵循后定义原则,谁后运行执行谁。

元素移除时的处理方法:
首先要引入css,使用style引入,超出div的元素使用<div>内的修饰
overfiow:hidden 隐藏掉超出的元素
overfiow:visible 显示超出的元素
overfiow:scroll 滚动查看隐藏部分
overfiow:auto 默认使用滚动条

<bdo div='rtl'>文本输出从右向左输出
<bdo div='ltr'>文本输出从左向右输出

css的文本样式
p{
   font-size:字体大小
   font-family:字体
   font-style:字体的风格,属性italic斜体
   font-wight:bold文本加粗
   text-decoration:none去除下划线
   lin-height:行高
   }

<a  href='#'  title''></a>属性title可以起到连接提示

连写方式:font:italic bold(jiacu)




css选择器
标签选择器:影响范围大一般用于通用的项目。
ID选择器:o不能数字开头通过ID找到元素,一个ID只能做一个元素。(用#访问)
类选择器:通过类名找到标签,一个类名可以用多个标签,一个标签可以多个类名(用.访问)
层级选择器(后代选择器):可以访问标签内的标签(用类名.字标签访问)
伪类选择器:只用于连接标签,通过:hover鼠标移动到元素会发生改变。




属性:margin:auto 居中




选择器的优先级
行内式>id>class>标签选择器
权重
1000>100>10>1




表格标签:


使用表格标签之前需要先引入style在使用table
应用信息展示:

<tr>文本行
<td>文本单元格
<th>标题单元格(文本加粗)

border 边框
cellspacing 单元格间距
cellpading 文本距边框的距离
rowspan 纵向合并单元格
colspan 横向合并单元格


spyle中的属性text-align:center 单元格文本居中








form表单
作用:收集用户输入数据提交服务器
先引入form
form中的属性:
action:提交服务器地址
method:提交方式
method的值:
post数据量大,安全
get数据小,不安全




input文本输入框
label配合input使用


input中的属性:
type:文本类型
type中的值password可以把元素以隐藏的属性展示出来
radio:单选框
name:名字必须相同不然不能单选
checked:默认选中的元素
checkbox:多选框
select:选择框(带滑轮的)
selected:默认选择
disabled:不能选择的
fife:选择磁盘中的文件
textarea:文本区域
textarea中的值rows调整文本行的区域,cols调整文本列的区域。
submit:提交按钮
reset:重置
label for 参数框的id(起到导入作用)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值