我的web前端学习之路-CSS-字体和文本

 1 <head>
 2 <meta charset="utf-8">
 3     <title>css字体和文本</title>
 4     <style type="text/css">
 5         .one{font-size: 20px;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";font-style: italic;text-align: center}
 6         .two{font-size: 20px;line-height: 40px;color: aqua;letter-spacing: 5px;word-spacing: 20px;text-indent: 10px;text-decoration: line-through
 7         }
 8         .one b{font-weight: normal;font-size: 0.7em
 9         }
10     </style>
11 </head>
12
13 <body>
14     <p class="one">你是大傻<b>sb</b>逼撒比</p>
15     <p class="two">my name is han mei mei!</p>
16 </body>
时间: 2024-11-04 22:42:12

我的web前端学习之路-CSS-字体和文本的相关文章

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项 淡入效果 对不支持JavaScript浏览器的降级处理 水平滚动 容器内水平滚动 容器内垂直滚动

前端学习之路-CSS介绍,Html介绍,JavaScript介绍

CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000

好程序员web前端学习路线分享css模块化方案

好程序员web前端学习路线分享css模块化方案,这篇文章主要介绍了css模块化方案,css的模块化方案可能和js的一样多,下面简单介绍几种主要的模块方案,非常具有实用价值,需要的小伙伴可以参考下. css的模块化方案可能和js的一样多,下面简单介绍几种主要的模块方案.oocss面对对象的规则,主要的原则是两种:分离结构和外观,分离容器和内容.名词解释1.分离结构和外观:增加可重复的设计单元,同时去推进产品和ui对这方面的思考,比如下面的css使用时对象模式的命名和模块化规则.2.分离容器和内容:

web前端学习之路

test 随着自己对于web前端知识了解的越多,越来越发现自己真的好菜 一脸茫然阶段 两年前大学接触网页设计,那时对于网页设计一窍不通,只是看了一本自己大学编的一本入门教材,我甚至不知道那些网页设计的代码是干什么用的,大学的老师自己讲的很投入,然而我并不懂.最后考试他就划了重点.我们只要记一些简单的html代码,那时的我还不知道什么是盒子模型,不知道什么是css,怎么外部引用css和javascript,只是对一些标签眼熟 初识网页设计 去年的暑假,那时无意中看到了一个视频,视频是教你怎么在十分

我的web前端学习之路-CSS-选择器

选择器指定了要作用的标签 直接指定一个准确元素名,对其产生作用 指定标签元素class属性的值,可选指定特定的标签元素,不要忘记"点"!  (注意!!)class属性的值可以用空格隔开表示多个classvalues,如<p class="one two"></p>表示该p标签的class值有one和two,所以应用的css也是两个的 与class选择器相似,都是通过标签的属性,只不过id属性不支持空格分隔多个属性值 都好隔开,可加前边多种选择

我的web前端学习之路-CSS-列表和表格

list-style-image和list-style-type只能选择一个使用 border-collapse和border-spacing不能同时使用 1 <head> 2 <meta charset="utf-8"> 3 <title>css列表和表格</title> 4 <style type="text/css"> 5 #info{ 6 font-family: Cambria, "Ho

我的web前端学习之路-HTML-form

1 <form name="register" method="post" action="servlet等可处理请求的东西"> 2 单行文本框<input type="text" name="username" id="username"/><br/> 3 <label for="password">密码框</l

我的web前端学习之路-CSS-引入

多用连接导入方式 优先级:内联>内嵌>@import方式>link方式(常用)

好程序员web前端学习路线分享纯css绘制各种图形

好程序员web前端学习路线分享纯css绘制各种图形,很多时候,UI设计师为了页面的好看,都会采用很多图形去做装饰,比如三角形.矩形.圆形.椭圆形.对话泡泡等,让整个页面看起来不会太单调.作为前端开发更多的时候,会采用比较快捷的实现方式就是用图片或者背景图来实现页面效果,但是有一个很大的问题就是图片可能会失真,有些情况也会发现用图片或者背景图去实现效果灵活度也不够.那么如果不用图片,用纯CSS也是可以绘制各种图形的,很多人都以为css只能写一些简单的图形,比如长方形.正方形.圆形.椭圆,其实不然,