精通CSS.DIV网页样式与布局_html/css_WEB-ITnose
程序员文章站
2022-04-18 19:46:57
...
CSS:Cascading Style Sheet??层叠样式表
1、标记选择器
h1{color:red;font-size:10px;}
2、类别选择器
.class{color:red;font-size:10px;}
3、ID选择器
#id{color:red;font-size:10px;}
CSS滤镜并不是浏览器的插件,也不符合CSS标准,而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的一类功能的集合。
总结图:
CSS文字效果:为了使我们的网页制作的漂亮,文字效果是必不可少的。漂亮的文字,使我们的网页更加绚丽。
文字属性:字体、大小、颜色、粗细、斜体、下划线、顶划线、删除线、英文字母大小写。
例子:如下文字效果
代码:
body{ font-size:24px; /*文字的字体*/ color: #fff; /*文字的颜色*/ font-weight:bold; /*文字加粗*/ font-style:italic; /*文字斜体*/ /*文本阴影效果*/ text-shadow:0 0 5px #CCCCCC, 0 0 10px #CCCCCC, 0 0 15px #CCCCCC, 0 0 20px #095816, 0 0 25px #095816, 0 0 30px #095816, 0 0 50px #095816, 0 0 80px #095816, 0 0 100px #095816, 0 0 150px #095816; }段落效果:
1、对齐方式:水平和垂直
2、间距设置:行间距、字间距
3、首字母放大
1、样式:图片边框、图片缩放
2、对齐方式:横向、纵向
3、混排:文字环绕
CSS能够对网页中的对象的位置排版进行像素级的精确控制,拥有对网页对象和模型样式编辑的能力,并且能够进行初步交互设计。具有较强的易读性。
上一篇: js数据类型
推荐阅读
-
精通CSS+DIV网页样式与布局CSS文字效果_html/css_WEB-ITnose
-
看书《DIV+CSS商业案例与网页布局开发精讲》_盒子模型、制作logo和banner_随手笔记_html/css_WEB-ITnose
-
CSS+DIV:实现炫酷网页样式与布局_html/css_WEB-ITnose
-
精通CSS+DIV网页样式与布局页面和浏览器元素_html/css_WEB-ITnose
-
精通CSS+DIV网页样式与布局页面和浏览器元素_html/css_WEB-ITnose
-
精通CSS+DIV网页样式与布局设置表单和表格_html/css_WEB-ITnose
-
【CSS】关于div的对齐与网页布局_html/css_WEB-ITnose
-
css+div网页设计(二)布局与定位_html/css_WEB-ITnose
-
看书《DIV+CSS商业案例与网页布局开发精讲》_盒子模型、制作logo和banner_随手笔记_html/css_WEB-ITnose
-
HTML>精通CSS DIV网页样式与布局>理解CSS定位和DIV布局>float属性的自我理解_html/css_WEB-ITnose