2021-11-03 文本修饰,样式表,chrome调试工具与emmet语法生成html标签

  1. 文本对齐 text-align:center或left或right
    区别html:align:center
    文本修饰:text-decoration :underline 或overline或line-through或none
    文本缩进 text-indent:20px或2em
    一个em是一个相对文字
    行间距line-height:26px
  2. 内部样式表:style标签放在html文件中,一般放在head标签内,方便控制整个页面的元素样式,代码结构清晰但是没有实现结构和样式完全分离(内嵌式)
  3. 行内样式表 在html的标签中直接引用
    haha
    只能控制当前标签(行内式)
  4. 外部样式表 实际开发都是外都样式表,适台于样式比较多的情况,核心是样式单独马到CSS文件中,之后把CSS文件引入到 HTML 页面中使用。引入外部样式表分为两步:1. 新建一个后缀名为.css 的样式文件,把所有CSS代码都放入此文件中。2.在HTML 页面中,使用标签引入这个文件.定义当前文档与被链接文档之间的关系,在这里需要指定为’stylesheet”’,表示被链接的文档是个样式表文件。定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。•使用外部样式表设定CSS,通常也被称为外链式或链接式引1入,这种方式是开发中常用的方式<link rel="stylesheet" href="css文本路径">
  5. 学习chrome调试工具
  6. emmet语法生成html标签
    1.1快速生成HTML结构语法以1. 生成标签直接输入标签名按tab键即可 比如div 然后tab键,就可以生成
    2. 如果想要生成多个相同标签 加上就可以了比如div了就可以快速生成了个div3. 如果有父子级关系的标签,可以用>比如ul>1就可以了戏啊ETITIE4. 如果有兄弟关系的标签,用+就可以了比如div+p5. 如果生成带有类名或者id名字的,直接写 demo 或者 #wo tab 键就可以了6. 如果生成的div 类名是有顺序的,可以用自增符号 $
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值