设为首页
收藏本站
开启辅助访问
切换到宽版
登录
立即注册
快捷导航
发布信息
搜索
搜索
网站首页
自丢网
社区论坛
自丢网论坛
附件中心
源码下载
邀请码
丢币充值
本版
帖子
自丢网
»
社区论坛
›
建站程序/IT教程
›
Css/Css3教程
›
css内嵌样式案例分析
返回列表
发新帖
css内嵌样式案例分析
[复制链接]
3630
|
1
|
2019-8-21 20:17
|
显示全部楼层
|
阅读模式
css内嵌样式案例分析
先来看下案例效果图:
css内嵌样式案例分析
案例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
p {
text-align: left; /* 文本左对齐 */
font-size: 18px; /* 字体大小18像素 */
line-height: 25px; /* 行高25像素 */
text-indent: 2em; /* 首行缩进2个文字大小空间 */
width: 500px; /* 段落宽度500像素 */
margin: 0 auto; /* 浏览器下居中 */
margin-bottom: 20px; /* 段落下边距20像素 */
}
</style>
</head>
<body>
<p>“百度”这一公司名称便来自宋词“众里寻他千百度”。(百度公司会议室名为青玉案,即是这首词的词牌)。而“熊掌”图标的想法来源于“猎人巡迹熊爪”的刺激,与李博士的“分析搜索技术”非常相似,从而构成百度的搜索概念,也最终成为了百度的图标形象。在这之后,由于在搜索引擎中,大都有动物形象来形象,如SOHU的狐,如GOOGLE的狗,而百度也便顺理成章称作了熊。百度熊也便成了百度公司的形象物。 </p>
<p>在百度那次更换LOGO的计划中,百度给出的3个新LOGO设计方案在网民的投票下,全部被否决,更多的网民将选票投给了原有的熊掌标志。</p>
<p>此次更换LOGO的行动共进行了3轮投票,直到第2轮投票结束,新的笑脸LOGO都占据了绝对优势。但到最后一轮投票时,原有的熊掌标志却戏剧性地获得了最多的网民选票,从而把3个新LOGO方案彻底否决。</p>
</body>
</html>
复制代码
css3使用教程
,
css基本用法
,
css教程
相关帖子
•
css去掉文本域的自动拉伸效果
•
css行内文字溢出省略号形式显示样式代码
•
css如何让一个张图片在盒子中水平垂直居中代码样式
•
css缩放zoom样式使用和方法教程
•
clear默认值-css常用属性
•
css选择相邻兄弟元素代码样式器
•
css教程:倒立三角形 样式代码
•
css合并table表格边框样式代码
•
CSS 2.0 中文手册.chm
•
CSS 3.0参考手册.chm
•
css实现鼠标放上去更换改变文字内容特效功能代码效果
•
css实现鼠标移到div框架内背景颜色发生变化效果代码
•
css透明度代码
•
bootstrap 小屏幕隐藏代码
•
css中border虚线代码
•
媒体查询css自适应屏幕大小主要分六种
•
css属性光标形状
•
css增加通用阴影鼠标样式和边框特效代码
•
css中引用加载css方法
•
html+css内容超出范围可以手动左右滑动效果代码分享
回复
举报
admin
|
2019-8-21 20:22
|
显示全部楼层
下面我们再来看一个案例教程:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css" title="字体14号">
p {
text-align: left; /* 文本左对齐 */
font-size: 14px; /* 字体大小14像素 */
line-height: 25px; /* 行高25像素 */
text-indent: 2em; /* 首行缩进2个文字大小空间 */
width: 500px; /* 段落宽度500像素 */
margin: 0 auto; /* 浏览器下居中 */
}
</style>
<style type="text/css" title="字体18号">
p {
text-align: left; /* 文本左对齐 */
font-size: 18px; /* 字体大小18像素 */
line-height: 25px; /* 行高25像素 */
text-indent: 2em; /* 首行缩进2个文字大小空间 */
width: 500px; /* 段落宽度500像素 */
margin: 0 auto; /* 浏览器下居中 */
}
p { color: #6699FF; /* 字体颜色的改变 */ }
</style>
</head>
<body>
<p>“百度”这一公司名称便来自宋词“众里寻他千百度”。(百度公司会议室名为青玉案,即是这首词的词牌)。而“熊掌”图标的想法来源于“猎人巡迹熊爪”的刺激,与李博士的“分析搜索技术”非常相似,从而构成百度的搜索概念,也最终成为了百度的图标形象。</p>
</body>
</html>
复制代码
css样式效果图:
浏览器=查看=页面风格,可以选择样式展示。
默认显示的是第一次写的样式。
回复
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
admin
UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16
加好友
发消息
回复楼主
返回列表
源码下载
Thinkphp教程
修罗xiuno教程
Discuz教程
zzz资源/教程
织梦教程
服务器教程
数据库教程
Html/Html5教程
JavaScript教程
Css/Css3教程
建站/web前端教程
PHP教程
其他编程教程
小程序app教程
PPT模板/素材
Word简历模板/素材
Excel模板/素材
素材中心
百科知识
图文推荐
html+js实现本站已运行运营多少天代码
2024-2-8 09:19
2024年最新ThinkPHP8.x 讲义代码SQL,实战部分结合四种前端教程
2024-1-23 09:25
小学生必背古诗75首-标注-翻译-A4可打印word版本下载
2024-1-23 09:18
长截图 截动图gif制作 贴图软件免费下载
2024-1-22 10:45
D盾_防火墙 版本: v2.1.8.1最新绿色免安装版本扫木马病毒
2024-1-22 08:27
热门排行
1
修罗轻论坛程序Xiuno免费开源+收费插件模板风格大全 价值1200元 百度云网盘下载
2
仿看雪论坛模板风格 for 修罗模板 支持4.0以上版本
3
【专业商业版】积分插件 v1.25 for xiuno修罗插件
4
修罗程序添加水印插件 for xiuno插件 支持4.0以上版本
5
邀请注册、用户消费购买邀请码 for 修罗插件 支持xiuno4.0以上版本
6
分类/标签(TAG) - 增强版 v2.5 for xiuno插件 支持4.0以上版本
7
tStore积分商城插件 v1.03 for 修罗插件 xiuno4.0以上版本
8
UMEditor 百度编辑器 v2.6 for 修罗插件xiuno 支持4.0以上版本