<span>标签 </span>属性名 含义 举例font-family 设置字体类型 font-family:"隶书"font-size 设置字体大小 font-size:12px;font-style 设置字体的风格 font-style:italic;font-weight 设置字体粗细 font-weight:bold;font 在一个声明设置所有字体属性 font:italicbold36px"宋体 " font-style属性no

<span>标签: <span>标签是用来组合HTML文档中的行内元素,它没有固定的格式表示. 字体样式: 属性名                                含义 font-family                     设置字体类型 font-size                         设置字体大小 font-style                         设置字体风格 font-weight                  

推荐书籍:码出高效: Java 开发手册 2.2 层次选择器 idea里代码规范是按:ctrl +alt+L快捷键 注释快捷键:ctrl+/ 1.后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你 <style> /*p{*/ /* background: #02ff00;*/ /*}*/ /* 后代选择器 */ body p{ background: red; } </style> 2.子选择器: 只有一代 ,儿子 /* 子选择器*/ body>p{ background

<span>标签 </span>属性名 含义 举例font-family 设置字体类型 font-family:"隶书"font-size 设置字体大小 font-size:12px;font-style 设置字体的风格 font-style:italic;font-weight 设置字体粗细 font-weight:bold;font 在一个声明设置所有字体属性 font:italicbold36px"宋体 " font-style属性no

一.span标签:能让某几个文字或者某个词语凸显出来        <p>           今天是11月份的<span>第一天</span>,地铁卡不打折了        </p> 二.字体风格      font-family:字体类型      font-size:字体大小      font-style:字体风格      font-weight:字体粗细      font: 风格 粗细 大小 类型;三.文本样式 color 设置文本颜色 rgb

一.span标签:能让某几个文字或者某个词语凸显出来 <p> 今天是11月份的<span>第一天</span>,地铁卡不打折了 </p> 二.字体风格 font-family:字体类型 font-size:字体大小 font-style:字体风格 font-weight:字体粗细 font: 风格 粗细 大小 类型; 三.文本样式 color 设置文本颜色 rgb(0,0,255),rgba(0,0,255,0.5) text-align 设置元素水平对齐方

一.为什么使用CSS 1.有效的传递页面信息 2.使用CSS美化过的页面文本,使页面漂亮.美观,吸引用户 3.可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容 4.具有良好的用户体验 二.字体样式属性 1.font-family:英文字体,中文字体 (类型) font-family: Times,"Times New Roman", "楷体"; 2.font-size:值单位 (大小) 单位 px(像素) em.rem.cm.mm.pt.pc 3.fo

第五章   使用CSS美化网页文本 学习重点 定义字体类型.大小.颜色等字体样式: 设计文本样式,如对齐.行高.间距等: 能够灵活设计美观.实用的网页正文版式. 5.1 字体样式 5.1.1 定义字体类型 CSS使用font-family来定义字体类型,用法如下: font-family:name   /*name表示字体名称,可以指定多种字体*/                           /*不懂,多种字体怎么应用?*/ font-family:ncursive | fantasy

 两种美化效果如下图: 代码(html) <div id="main"> <h2 class="top_title">使用CSS3美化复选框checkbox</h2> <div class="demo"> <div class="wrap"> <p>1. 勾选</p> <input type="checkbox" id

自开了博客园已经有2周了吧,虽然转载了一些觉得比较有用的文章之外还没有开始写自己的一些学习记录,那就从今天开始. 目前看了妙味的不少视频,有css+html,js的基础和中级也都看完了,作业也都做了,css3的部分也看过了,但是觉得讲得不太好,全部都是点到为止.无意中找到了传智播客的视频讲了一些css3的小技巧,今天就写一下用CSS3做网页中的小三角. 大致网上关于小三角的做法无非三种: 直接用背景图片,这个没什么好说的: 用块元素设置宽高都为0,三角的高用一条边框宽度,其他三条边框用dashe

这种纯CSS3美化单选按钮radio的方法适用于以下情况: 1.可兼容IE9以上,需要兼容IE8的要写IE的hack把样式去掉 2.只支持单选按钮radio,因为单选按钮选中样式的圆圈可以用CSS做出来,但是复选按钮checkbox的选中效果对勾就需要图片或者图标字体库 3.不需要JS支持切换效果 下图是最终效果图: HTML代码: <label for="man" class="radio"> <span class="radio-bg

声明:文章为转载(略改动),点击查看原文.如有侵权24小时内删除,联系QQ:1522025433. 我们知道HTML默认的复选框样式十分简陋,而以图片代替复选框的美化方式会给页面表单的处理带来麻烦,那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化,并且带上超酷的滑动效果. demo预览图(点击查看demo原地址): 点击下载demo源码:地址一 备用下载 通常我们使用以下html结构,我们给复选框定义id#checkbox_a1,然后使用label的for属性与

伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容.只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见.伪类的效果可以通过添加一个实际的类来达到. a:link|a:visited|a:hover|a:active 在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的,a:active 必须被置于 a:hover 之后,才是有效的. 由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得

第12章   CSS3+HTML5网页排版 [学习重点] 正确使用HTML5结构标签 正确使用HTML5语义元素 能够设计符合标准的网页结构 12.1  使用结构标签 在制作网页时,不仅需要使用<div>标签来构建网页,还要使用下面几类标签完善网页结构: <h1>.<h2>.<h3>.<h4>.<h5>.<h6>:定义文档标题: <p>:定义段落文本: <ul>.<ol>.<li&

Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的 PSD 界面元素,用于 Web 和 Mobile App 设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. 您可能感兴趣的相关文章 32套精美的免费 PSD 网页界面设计素材 22个完美设计的 PSD

书本:<CSS3专业网页开发指南>(the book of css3) Peter Gasston 著    李景媛 吴晓嘉 译 第1章: 1.box-sizing : IE8及以上版本 box-sizing: content-box;//width || height = content box-sizing:border-box;//width || height = content+padding+border -moz-box-sizing:padding-box;//火狐专用,wid

Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的 PSD 界面元素,用于 Web 和 Mobile App 设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. UI Kit – Free PSD Download Ui Kit [Free PSD] D

更新:可直接访问 [CSS/CSS3 如何实现元素水平居中] 查看效果,右键查看源代码 -------------------------------------------------分割线--------------------------------------------- 先上效果图 图中链接:inline-block元素之间存在空白间距 图中链接:Horizontally Centered Menus with no CSS hacks 实现代码: <span style="f

效果说明:配合已有CSS样式,载入插件后,网页元素可以随意在窗口内拖拽,设置了原位置半透明和拖拽半透明的效果选项,可根据需要选择.另外,当页面上有多个可拖拽元素时,可以载入另外一个用于设置z-index的插件,模拟Windows窗口点击置顶效果.演示地址:http://frontendcode.sinaapp.com/J-Lui/jQuery-jLdraggable-plugin/ js/jquery.jLdraggable.js: ;(function($){ $.fn.extend({ "j

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>仿微信可换肤的CSS3美化表单,</title> <link rel="stylesheet" href=&qu