如果把HTML比作一本精彩的黑白漫画,那么CSS就相当于给这本漫画上色,JS便是把漫画制作成了动漫。

简单学习css选择器:

CSS选择器常用的有三种作用也很强大分别是:

1.元素选择器 使用时这个元素都会被修饰

2.Id选择器是唯一单独的使用属性

3.Class选择器处理多个标签的使用

优先级也有:Id>class>元素选择器>通用选择器

在标签里面定义了选择器的名字后,就可以用不同的样式去使用了

(选择不同口径的上色工具)

单个标签改动用行内样式

多个标签改动用内嵌样式

多个不同标签用外部样式

不同的属性有不同的功效、当你需要什么属性就用什么属性

(上色工具需要不同的颜色)

Color 字体颜色

Font – size 字体大小

Font – weight 字体粗细

Font – family 字体风格

Font – style italic 字体倾斜

Text – decoration :underlin 增加下划线

Text – decoration : none去除下划线

Text – align 文本居中

Background – image 背景图片

Background – repeat 去重复

Background – position 图片位置

Background – color 背景颜色

Background – size 背景大小

Float 浮动

List-style 列表样式

Opacity 透明度

Overflow 超出部分

Absolute 绝对定位 基于页面左上角,释放资源

Relative 相对定位 基于自己初始位置,不释放资源

Fixed 固定定位 始终固定于游览器某个角,

Static初始定位 初始的定位操作

选好属性才能让html更加的美丽

css 下划线_css学习相关推荐

  1. html字体下划线下移,CSS下划线与文字间距距离设置(CSS文字下划线距离设置)

    CSS设置下划线与文字间距距离(CSS文字下划线距离设置) css下划线与文字上下距离设置,文字字体下划线样式技巧篇,如何改变文字与下划线距离间距?这里CSS5为大家介绍通过下边框border-bot ...

  2. css中字体下划线样式,css下划线 浅谈css自定义下划线

    使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...

  3. div css 下划线text-decoration

    CSS 下划线,div css下划线 目录 html原始下划线标签u A伪类超链接下划线 鼠标经过出现下划线 对对象的下划线 接下来,我们来介绍通过css样式对文字.区域设置下划线样式--css下划线 ...

  4. 纯CSS下划线出现动画

    一.效果 二.代码 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...

  5. php css下划线,css下划线与文字之间的距离如何设置?

    本篇文章给大家介绍一下css下划线和文字间距离的的设置方法,接下来我们来看看具体的内容. 在上一篇文章中我们介绍了关于css下划线的设置方法,但是设置出来的下划线感觉与文字之间距离太近,有时在网页中会 ...

  6. CSS下划线设置距离

    .b{   text-decoration:none;  border-bottom:1px solid #555; /* #555换成链接的颜色 */ display: inline-block;  ...

  7. css a标签去掉下划线_CSS -- 三大特性

    Ⅰ 继承性 给某一个元素设置一些属性,该元素的后代也可以使用,这个我们就称之为继承性 只有以color.font-.text-.line-开头的属性才可以继承 a标签的文字颜色和下划线是不能继承别人的 ...

  8. HTML文本下划线效果,聊聊CSS中文本下划线_CSS, SVG, masking, clip-path, 会员专栏, text-decoration 教程_W3cplus...

    在Web中给文本添加下划线常常出现在链接的文本上,早期一般使用text-decoration属性给文本添加下划线.删除线等.除了text-decoration之外,CSS还有很多技术方案可以给文本添加 ...

  9. php css下划线,css如何添加文字下划线样式?(代码详解)

    css如何添加文字下划线样式?本篇文章就给大家介绍css添加文字下划线样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来了解一下css添加文字下划线样式的方法有哪 ...

最新文章

  1. atitit.复合变量,也就是类似$$a的变量的原理与实现 java c#.net php js
  2. python 生成001开始的序号_你知道嘛:Python内建序列通用操作有6种实现方法(赶快收藏)...
  3. CertEnroll::CX509Enrollment::p_InstallResponse:ASN1 bad tag value met. 0x8009310b
  4. 常用串口调试工具比较
  5. java多线程之:SynchronousQueue队列
  6. jQuery UI基础 学习笔记
  7. windows 8.1 IE11 和 windows 10 Edge IE11 FlashPlayer 的安装与卸载
  8. vant 日历插件slots_vue的vant组件库中的slot如何按需使用呢
  9. 以算法岗为例:我最想对入职前的自己说些什么?
  10. Mybatis-Spring扫描路径有重叠导致Invalid bound statement(not found)问题
  11. 思科即将支持32Gbit/s Fibre Channel及NVMe over FC
  12. 软件工程-UML画图
  13. 《SEM长尾搜索营销策略解密》一一1.3 别只守着核心词,还有更多风景
  14. java mission control_Java Mission Control之使用
  15. 基于 Verilog 的经典数字电路设计(14)移位寄存器
  16. 抖音直播带货后如何复盘?抖音直播间高效复盘法
  17. 如何生成玫瑰?|数字艺术
  18. 上课签到 php,福建一高校学生上课需刷脸签到 被赞高大上
  19. C/C++编程学习 - 第4周 ⑦ 判断是否为两位数
  20. 帝国时代之罗马复兴玩法技巧

热门文章

  1. limit mongodb 聚合_mongodb-$type、limit、skip、sort方法、索引、聚合
  2. 佳能9100cdn故障_佳能 打印机故障代码大全
  3. 如何重新安装win2008服务器系统分区,怎么解决安装server2008后磁盘分区消失的方法步骤...
  4. 21天Jmeter打卡Day10线程用户之setUp和tearDown
  5. PAT甲级1019 回文数
  6. python etree xpath_【Python】爬虫之使用etree进行xpath元素定位
  7. 用户计算机安全管理,关于加强用户计算机安全管理工作的通知
  8. VS2008下改变项目的默认属性
  9. pytorch学习率衰减
  10. python中pd.read_Windows下Python的pd.read_excel()报错