有事没事领个红包

html中一些常用标签及属性

html中标签分为块级标签和行级标签

块级标签常用的有

<div>
<p>
<h1>
<hr>
<pre>
<table>
<ul>
<ol>

行级标签常用的有

<span>
<strong>
<i>
<em>
<b>
<sub>
<sup>
<br>

 

一、字体设置

<font></font>

属性有size设置字体大小、color设置体颜色

二、div常用属性

padding设置内容和块之间的距离,line-height设置每行的高度,

 

三、bootstrap中文本样式的常用设置

各种加线文本

<del></del>   //删除文本
<ins></ins>      //插入文本
<u></u>         //  下划线

强调文本

<small></small> //标准字号的85%
<strong></strong>    //加粗
<em></em>  //斜体

文本对齐方式

class="text-left"    //文字居左
class="text-center"  //文字居中
class="text-right"    //文字居右

文字大小写

class="text-lowercase"
class="text-uppercase"
class="text-captialize"

列表格式

<ul class="">

class="list-unstyled"//无格式
class=" list-inline"  //单行显示

<dl class="dl-horizontal">
<dt>
<dd>

代码

1内联格式
<code>
2段落格式
<pre>

 四、设置背景图片平铺效果

background:url(../../img/2.jpg);
background-repeat: round;
或者
background-size:cover;

 

五、设置鼠标悬停时的图标

css("cursor","pointer")#将鼠标图标设为小手

css("cursor","default")#将鼠标图标设为指针

 

六、去除超链接<a>默认的下划线,修改属性text-decoration即可

text-decoration参数: 
none :  无装饰
blink :  闪烁
underline :  下划线
line-through :  贯穿线
overline :  上划线

将text-decoration设置为none即可去除默认下划线。

 

posted @   crazyCodeLove  阅读(738)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示