看完视频,重新复习了一下css的基础,做一个小结
background的顺序color、image、repeat、attachment、postion
background-attachment:fixed 图片不会随着页面滑动而移动
rgba(255,0,0,0.1) rgba是css3里面加的属性,其实好像之前有transparent的属性也可以调
a为alpha通道值为0~1 a的值也就是定义透明度的
首行缩进 text-indent:1em (em表示字宽) 10% 百分比是指页面比
-2em 左边缩进
padding 2em 悬挂缩进,首行突出。
line-height:2 行间距 默认normal
text-align:left 、right、center、justify(两端对齐)
word-spacing:10px (只对英文和空格有用)
letter-spacing:10px 字符之间的间距
text-transform:uppercase (英文大写) lowercase(英文小写) 、capitalize(首字母大写)
text-decoration:underline(下划线) 、overline(上划线)、line-through(贯穿线)、blink(闪烁,闪烁属性不是所有浏览器都支持)
对空白字符的处理 white-space:normal(正常不显示空格和回车并且自动卷绕)、pre(显示所有的空格和回车并且不做自动卷绕)
pre-wrap(显示所有空格回车并做自动卷绕)
nowrap不做自动卷绕
pre-line:合并空白,保留换行和卷绕
direction:ltr、(字体排版方向)
字体:
font-family:【serif sans-serif monospace (等宽字符) cursive(手写样式) fantasy】大类 hei指定某类字体样式
Times,TimesNR,serif;如果木有times则选择后续指定的字体
font-style:italic(自己加载的斜体) obique(浏览器计算的斜体)
font-variant:small-caps(小的大写字母)
font-weight:bold(加粗) 900(粗) 、100(细)
font-size:1em(默认宽度)
效果:
阴影效果:text-shadow:"3px(阴影在x方向距离本体的距离) 5px(在y方向) 5px(模糊的范围) rgba(0,255,0,0.5)
0px -1px 0px #000000,
0px 1px 3px #606060;color:#606060"
轮廓效果:outline-color:red;outline-style:solid、dotted、dashed(滑线)、double。groove(凹槽)、
ridge(凸槽)、inset 、outset; outline-width:1、thin
列表样式表:style=“list-style-type:disc circle、square实心、方形、"
list-style-image:url(Start.png)
list-style-position:inside、outside
list—style:outside circle 组合
分享到:
相关推荐
HTML+CSS总结.doc
理发店-alura 前锋Alura培训HTML和CSS模块的结论项目。
├01 css3元素选择器 属性选择器 伪类选择器.mp4 ├02 css3文本选择器 表单选择器 子选择器.mp4 ├03 rgba 字体单位 text-shadow box-shadow.mp4 ├04 盒子尺寸 box-sizing 分栏 background-size linear-gradient ...
html,css,jsp相关知识总结,便于进行html,css,jsp的学习
较为重要的css知识点总结,如有漏掉联系增加.互相学习
3、css的基本选择器(三种) ** 要对哪个标签里面的数据进行操作 (1)标签选择器 * 使用标签名作为选择器的名称 div { background-color:gray; color:white; } (2)class选择器 * 每个html标签都...
期末web大作业 ...众多许多js样式,比如天气、定位、小火箭,下拉列表等等 资源里面有网页的HTML文件、CSS文件、JAVASCRIPT文件和网页中的图片,视频文件 适合人群:web期末大作业涉及js,html和css
网页制作代码+课程总结;旅游网站 CSS代码@charset "utf-8"; body { font-size: 12px; color: #666; text-align: center; margin: 0px; padding: 0px; } #container{ text-align:left; padding:0px; width:...
本web前端课设主要用到html,css知识点和一些...简单总结: 1.没有看过做成效果图的先看我的博客。 2.web大多常用的知识点都以用上 3.该资源解压即可运行 4.js属于扩展内容 5.代码量html文件24k+css文件19k共43k大小
Accp 5.0 S1 课程总结 完整的Accp5.0课程总结请下载
HTML+CSS大作业
适合刚接触web前端的小白,教材适应html+css+javescript的新手学习,附带课程内的案例源码及课程的结课设计,包括期末大作业(非遗网站介绍,爱奇艺视频网站介绍的设计及源码
课程经过长时间的经验总结,采取合理又容易和轻松上手的方式开展教学,再配合企业开发中实际遇到的案例作为练习,相当于直接参与企业开发,技能和经验同步获取。希望学习本课程的学员认真学习每一个课时的视频,跟着...
这是一篇利用html+css+java+jap+tomcat开发的简单java web系统的课程实际报告,完整表述了简单的wen项目的开发流程及所用技术,希望对于初学者有所帮助
这是韩顺平53集的html+div+css课程笔记,自己总结,包括后边的dom js。 本人手码,不免缺漏,还请体谅,dom部分不全,附带帮助文档,可以查看文档。
在课程讲授过程中,除了让学生学习HTML, CSS, JavaScript, JSP, Servlet, Filter, JavaBean, JDBC等知识外,还要求学生能灵活运用以上知识和技术并结合开发工具Eclipse进行动态 网站的开发,包括网站前台页面的设计...
注:本页面仿照京东首页进行开发,我的博客有效果...简单总结: 1.没有看过做成效果图的先看我的博客。 2.web大多常用的知识点都以用上 3.该资源解压即可运行 4.js属于扩展内容 5.代码量html文件800+行,css修饰1200+行
本人原创,可能会有一些小bug但是我没发现有bug 所有文件代码以及所需照片和效果图都在压缩包内
CSS总结 JavaScript总结 DOM总结 tomcat服务器 servlet基础 Request&Response编程 Cookie&Session XML语言 JSP技术入门 EL表达式语言 JSTL标签库: JSP标准标签库 MVC程序架构思想&案例 [总结]Path路径问题 [总结]...