CSS学习笔记-盒子阴影及文字阴影

盒子阴影: 1.格式: box-shadow:h-shadow v-shadow blur spread color insert; box-shadow:水平偏移垂直偏移模糊度阴影扩展阴影颜色内外阴影; 2.注意点: 2.1盒子的阴影分为内外阴影,默认情况下为外阴影 2.2快速添加阴影只需要编写三个参数即可: box-shadow:水平偏移垂直偏移模糊度; 2.3默认情况下阴影…

web前端学习（三）css学习笔记部分（2）-- css定位+盒子操作

3.CSS定位 3.1定位 1.CSS定位: 改变元素在页面上的位置 2.CSS定位机制普通流:元素按照其在HTML中的位置顺序决定排布的过程浮动绝对布局属性描述 position 把元素放在一个静态的.相对的.绝对的或固定的位置中 top 元素向上的偏移量(从上往下加数) left 元素向左的偏移量(从左往右加数) right 元素向右的偏移量(从右往左加数) bottom 元素向下的偏移量(从下往上加数) overflow 设置元素溢出其区域发生的事情 clip 设置元素显示的形状…

Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十章：阴影贴图

原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十章:阴影贴图本章介绍一种在游戏和应用中,模拟动态阴影的基本阴影贴图算法:还有一些更复杂和效果更好的阴影算法,比如cascading shadow maps[Engel06],都是基于基本阴影算法扩展出来的. 学习目标熟悉基本阴影贴图算法: 学习投射纹理如何工作: 找到正交投射: 理解阴影贴图锯齿问题和一些常用的修复它们的策略. 1 渲染场景深度阴影贴图算法…

HTML连载70-相片墙、盒子阴影和文字阴影

一. 制作一个相片墙二. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } ul{ height: 400px; border:1px solid black; background-color:…

CSS学习笔记之样式声明

目录 1.背景 2.文本 3.字体 4.列表 5.表格 6.轮廓在这篇文章中你能看到有关于 CSS 样式设置的常用属性,文章的目录如下: 1.背景 (1)背景颜色可以使用 background-color 属性为元素设置背景颜色,它接受任何合法的颜色值,默认是 transparent p {background-color: gray;} 注意,background-color 属性不能继承 (2)背景图片可以使用 background-image 属性为元素设置背景图片,它接受任何合法的…

CSS学习笔记

CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码显示"%u5B8B%u4F53" 就是\5B8B\4F53 font-family: 中文,英文,最好的是unicode编码 eg. font-family: "SimSun","SimHei",sans-serif; 字体名称英文名称 Unicode 编码宋体 S…

CSS3+HTML5实现块阴影与文字阴影

CSS 3 + HTML 5 是未来的 Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持.本教程分5节介绍了 5 个 CSS3 技巧,可以帮你实现未来的 Web,不过,这些技术不应该用在正式的客户项目,它们更适合你的个人博客站点,Web 设计社区,或者不会有客户向你投诉的场合. 块阴影与文字阴影阴影效果曾让 Web 设计师既爱又恨,现在,有了 CSS3,你不再需要 Photoshop,已经有网站在使用这个功能了,如 24 Ways website. 1. …

HTML+CSS学习笔记 (7) - CSS样式基本知识

HTML+CSS学习笔记 (7) - CSS样式基本知识内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red">这里文字是红色.</p> 注意要写在元素的开始标签里,下面这种写法是错误的: <p>这里文字是红色.</p…

HTML+CSS学习笔记 (6) - 开始学习CSS

HTML+CSS学习笔记 (6) - 开始学习CSS 认识CSS样式 CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 如下列代码: p{ font-size:12px; color:red; font-weight:bold; } 使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字体.字号或者颜色等. CSS样式的优势大丈夫当如此!是英雄,分我…

HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

HTML+CSS学习笔记(5)- 与浏览者交互,表单标签 1.使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form method="传送方式" action="服务器文件"> 讲解: 1.<form>:<form>标签是成对出现的,以<form>开始,以</form>…

【CSS学习笔记-盒子阴影及文字阴影】的更多相关文章