HTML基本样式css装饰

于 2022-07-15 22:39:07 发布
阅读量462 收藏
点赞数
文章标签： html javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_70773268/article/details/125812167
版权

目录

网页三大部分:

基本样式

样式基本都有区分

 css的样式优先级：近大远小

基本先择器

css的尺寸

css中的颜色

css文字属性

css文本属性

网页三大部分:


 html: 骨架
 css: 装饰
 javascript: 动作

css 层叠 样式style 表
使用方式：
使用style标签来定义样式(规定放head里面)
使用style属性来定义样式


基本样式


color 字体颜色


width 宽度
height 高度

当直接在img属性里面放width，heigth和style样式一起设置时，属性没有样式大

当有很多一样的样式时它不管有多少，多会改变

最低0.47元/天 解锁文章
笑否
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML基础知识 ==＞ 使用CSS来修改元素样式的三种方式
qq_43281459的博客
11-15 1770
CSS: - 层叠样式表 - 网页实际上是一个多层的结构,通过css可以分别为网页的每一层来设置样式 而最终我们能看到的知识网页的最上边的一层 - 总之一句话,css是用来设置网页中元素的形式 使用css来修改元素的样式 第一种方式(内联样式,行内样式) ==> 不推荐使用 ...
css修饰HTML
Leona__的博客
07-31 536
css修饰HTML 一、CSS的优势 1.内容与表现分离； 2.CSS使网页的表现统一，并且容易修改； 3.丰富的样式使得页面布局更加灵活； 4.减少网页的代码量，增加网页的浏览速度，节省网络带宽； 5.运用独立于页面的CSS，还有利于网页被搜索引擎收录。 二、引入CSS标签的方式 1行内样式 <!DOCTYTE html> <html> <head lang="en"> <meta charset="UTF-8"> </head> <bo
沁园春
michaelxjy的专栏
11-04 323
       《沁园春•长沙》（1925年）         独立寒秋，湘江北去，橘子洲头。 　　　　     看万山红遍，层林尽染，漫江碧透，百舸争流。 　　　　  鹰击长空，鱼翔浅底，万类霜天竞自由。 　　　  怅寥廓，问苍茫大地，谁主沉浮。 　　　　  携来百侣曾游，忆往昔峥嵘岁月稠。 　　　　  恰同学少年，风华正茂，书生意气，挥斥方遒。 　　　  指点江山，激
html 网页装修,HTML装饰器（decorator）
weixin_27653327的博客
06-15 609
一、背景最近在看activemq的时候，无意看到其web操作页面的结构框架很有意思，刚开始有点懵，但仔细摸索半天并结合度娘的力量，发现它是使用了 sitemesh应用Decorator模式，在进行了入门学习和几个小例子的实践之后，我趁热写了此文，以便下次回顾的时候可以复看一下二、介绍Sitemesh是由一个基于Web页面布局、装饰Decorator及与现存Web应用整合的框架。它能帮助我们在由大量...
网站装饰html代码,html常用装饰代码分享
weixin_28836507的博客
06-07 2361
html常用装饰代码分享为什么总是有人嘲笑我们的网站台土了？在html5占领着整个互联网之时，想透过网页抓住所有人的眼球，因循守旧是行不通的。因此，有你不能不知道的HTML常用代码。只有熟悉掌握了常用的HTML代码，你才能在编写网页的时候做到行云流水，用处处流露着细腻和创意的动效细节打动所有人。大家知道html常用装饰代码吗?下面我们就给大家详细介绍一下吧!(一)html下雨效果代码这是一个HTM...
Css样式文档.xlsx
08-21
CSS（层叠样式表）样式文档是用于定义网页外观和样式的文件，它为HTML文档中的元素提供了装饰、布局和视觉效果。这些文档包含了一系列样式规则，告诉浏览器如何渲染页面的各个部分。以下是关于CSS样式文档的详细描述...
HTML5实践--使用css装饰你的图片画廊
03-02
本节课我们将介绍，如何使用css在不修改图片源的前提下装饰你的图片画廊。这里用到的技巧也很简单，就是在图片之前创建一个，并在span上使用background-image生成一个遮罩的效果。这种方式既简单又灵活，demo中介绍...
验证HTML，CSS以及RSS源是否正确的免费工具
01-19
没有什么比这更恼人了：创建并装饰了一个网页，认为已经做到完美，但测试时却出现一些未知的错误，并且不易改正它们。一个对付此类错误的技巧就是首先验证你的标签和样式表。很幸运，有许多免费工具可以验证你的...
HTML5&CSS3网页制作：文本外观属性.pptx
06-01
HTML5与CSS3网页制作中，文本外观属性是非常重要的一部分，它们可以用来设置文本的样式、颜色、对齐方式、缩进等等。下面我们将详细介绍这些文本外观属性的用法和应用。 文本外观属性 文本外观属性是CSS样式属性的...
北乐博客装饰分享CSS+HTML+js
weixin_30832983的博客
04-23 110
博客布局更改，各种百度，自己修改，搞成现在这样，有兴趣的朋友可以复制我下面的把自己博客覆盖了，然后在进行更改 不懂可加群问我：675678830 如果想开通打赏，用到js，需要在 下列中 博客侧边栏公告 处开通下 博客园首页-管理-设置-- 页面制定CSS代码： #navList { min-height: 35px; float: left; }#navList l...
在HTML中使用CSS美化网页的三种方法
weixin_30354675的博客
06-04 976
在HTML中使用CSS美化网页的三种方法 CSS是Cascading Style Sheets（级联样式表）的缩写，CSS是一种样式表语言，用于为HTML文档定义布局。例如，CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。它可以省去你大量时间，令你可以采用一种全新的方式来设计网站。CSS是每个网页设计人员所必须掌握的。 为HTML文档应用CSS，有三种方法可供选择。下面...
html页面布置,HTML传统网页布局
weixin_31751887的博客
06-08 133
页面效果展示如下：网页布局topbanner12345678footercss代码：{padding: 0;margin: 0;}.top {width: 100%;height: 100px;line-height: 100px;text-align: center;background-color: pink;}.banner {margin: 10px auto;width: 1200px;...
html代码装饰,怎么用HTML代码装饰自己的博客？
weixin_28973031的博客
06-09 356
代码要加在日志或有HTML代码编辑功能的模块里，而且是要首页显示的，比如你可以加在一篇日志里，然后把这篇日志设置成首页显示就OK了。下面我把一些简单的代码给你。:网页开始和结束标签:浏览器标题标签:网页内容标签-:网页内容标题标签:网页内容中段落的标签:网页内容中段落的折行标签align="center"：居中属性定义标签：水平线定义标签：隐藏注释定义标签：网页背景图片定义标签：网页背景颜色定义标...
html美化网页元素,CSS3美化网页元素
weixin_42350864的博客
06-17 960
一、网页文本CSS文本属性可以定义文本的外观，通过文本属性，可以改变文本的颜色、大小、字体类型以及对齐文本，装饰文本等等。1.字体样式(font)字体属性的顺序：字体风格→字体粗细→字体大小→字体类型。例如：span{font:oblique bold 12px "楷体";}字体基本样式2.文本样式文本样式(1)用line-height实现垂直居中设置文本的垂直居中是把height值和line-h...
用HTML CSS 实现简约风格装潢公司设计响应式网页模板
m0_63430863的博客
05-11 457
N++网站模板 源码链接：https://pan.baidu.com/s/1ZoEYDLVwy6-kXQbLOpFIdw?pwd=3zuu 模板网站可以在激烈竞争的市场中占用一席之地，并被人青睐，是有优势和价值的。一提到模板站，立即就会想到自助网站等，那么网站制作模板的好处是什么呢？实际上模板的好处在于，可以减少网站的开发周期和费用，丰富的样版为各种不同类型的企业提供了选择。制作网站模板的企业很多，然而所选用的方法也都不相同，技术层次的高低也决定价值。 代码越少越有助于网站的维护，div有着很大的优势，其将
HTML怎样分开装饰css,HTML+CSS入门 CSS装饰网页的样式
weixin_35744893的博客
06-15 186
本篇教程介绍了HTML+CSS入门 CSS装饰网页的样式，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。<CSS中有哪些用来装饰网页的样式呢？在这里我们对一些常用的样式做了总结。字体样式1/*2*一般样式书写3*/4.font_style_1{5font-family:"华文行楷";6font-size:20px;7font-...
怎样将css应用到HTML中,CSS教程-01-如何将你的 CSS 应用到你的 HTML 上
weixin_29731589的博客
06-20 237
外部样式表你已经在这篇文章看到了外部样式表，但是并不知道它的名字。外部样式表是指：当你将你的 CSS 保存在一个独立的扩展名为 .css 的文件中，并从HTML的元素中引用它。此时HTML 文件看起来像这样：My CSS experimentHello World!This is my first CSS example这种方法可以说是最好的，因为你可以使用一个样式表来设置多个文档的样式，并...
CSS空间转换
weixin_51757999的博客
07-08 430
一、空间位移语法：transform: translate3d(x, y, z); transform: translateX(值);transform: translateY(值); transform: translateZ(值);取值：像素单位数值 百分比（以盒子自身尺寸为参照物）二、透视语法：perspective: 值;（添加给父级）取值：像素单位数值， 数值一般在800 px– 1200px（表示眼睛到屏幕的距离）作用 :空间转换时，为元素添加近大远小、近实远虚的视觉效果三、空间旋转语法 ： t
CSS transform变换(二)
liuzhe的博客
05-08 338
关于ransform的后续，讲解和案例结合
html艺术字体样式css
最新发布
04-20
当涉及到在HTML中使用艺术字体样式时，可以使用CSS来实现。CSS（层叠样式表）是一种用于描述网页上元素样式的语言。下面是一些常见的HTML艺术字体样式的CSS属性和示例： 1. font-family（字体系列）：用于指定字体的名称或字体系列。可以使用特定的字体名称，如"Arial"或"Helvetica"，也可以使用通用的字体系列，如"sans-serif"或"serif"。 示例： ```css h1 { font-family: "Arial", sans-serif; } ``` 2. font-size（字体大小）：用于指定字体的大小。可以使用像素（px）、百分比（%）或其他单位来定义字体大小。 示例： ```css h1 { font-size: 24px; } ``` 3. font-weight（字体粗细）：用于指定字体的粗细程度。常见的值包括"normal"（正常）、"bold"（粗体）和"lighter"（较细）。 示例： ```css h1 { font-weight: bold; } ``` 4. text-decoration（文本装饰）：用于指定文本的装饰效果，如下划线、删除线等。 示例： ```css h1 { text-decoration: underline; } ``` 5. color（字体颜色）：用于指定字体的颜色。 示例： ```css h1 { color: red; } ``` 这些是一些常见的CSS属性，可以用于创建HTML艺术字体样式。你可以根据需要组合使用这些属性来实现不同的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值