学习日志

时间 2020-03-18

标签学习日志繁體版

原文原文链接

cursor: pointer; 鼠标样式手指 border-radius: 4px 倒圆角 transform: rotate(-180deg); 旋转css

<a href="目标网址" target="_blank">在新建浏览器窗口中打开连接html

text-align:center; 文字居中能够配合块状元素 display:inline-block浏览器

块状元素(必有有宽度width )居中 margin:auto字体

float:right 浮动到页面右边ui

magin-top往下url

实例

向 div 元素添加 box-shadow：spa

div
{
box-shadow: 10px 10px 5px #888888;
}

font-style:italic; 字体样式：斜体 font-weight:400 字体粗细取整百 letter-spacing:5px;字体间距.net

border-radius:50% 倒圆角 display没一行！四边小圆角scala

background:rgba(0,0,0, .3);ssr

/* (背景透明) */ border-radius: 0px 0px 20px 20px 左上右上右下左下

text-decoration:underline 下划线

font-weight 属性设置文本的粗细 normal默认值标准字符 bold定义粗体字符

bolder定义更粗的字符 lighter定义更细的字符

[attribute]	用于选取带有指定属性的元素。
[attribute=value]	用于选取带有指定属性和值的元素。
[attribute~=value]	用于选取属性值中包含指定词汇的元素。
[attribute\|=value]	用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。
[attribute^=value]	匹配属性值以指定值开头的每一个元素。
[attribute$=value]	匹配属性值以指定值结尾的每一个元素。
[attribute=value*]	匹配属性值中包含指定值的每一个元素。

1. href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示来源地址，在 img、script、iframe 等元素上。
2. src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。

border: 1px solid black;边框粗细和颜色

font-size:12px        设置字体大小
color:#930            设置字体颜色
text-align:center     设置内容位置

指定div里背景图大小的方法以下：

div{

background:url(img_flwr.gif);

background-size:80px 60px;

background-repeat:no-repeat;}。

在样式表中定义：

img {height:200px;width:200px;}

position:absolute; <! 绝对位移>left:300px;top:150px;<! width="1000px" 设置图片位置

type：只有当type值设置为submit时，按钮才有提交做用

按钮：

.button:hover{}鼠标放上后变色 .button:focus{}鼠标点击后变色；（详情可见second project）

meta标签

table属性

表头和单元格合并

选择器专业名称

经常使用快捷键

div[class^=font 选中开头是font的

div[class$=font 选中结尾是font的

div[class*=font 选中全部带font的

选中全部input里的type=submit

在标签先后加入闭合盒子；

。

www.bitbug.net/ 作小图标 ico

图片和文字保持一行，加vertical可单独调图片；

尝试里的小圆

定义和用法

:hover 选择器用于选择鼠标指针浮动在上面的元素。

提示：:hover 选择器可用于全部元素，不仅是连接。

提示：:link 选择器设置指向未被访问页面的连接的样式，:visited 选择器用于设置指向已被访问的页面的连接，:active选择器用于活动连接。

注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 以后（若是存在的话），这样样式才能生效。

https://www.easyicon.net/ icon搜索 object-fit: cover; 图片比例

position:fixd;不随页面滚动

手机端开头：

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

半透明覆盖

在此块的父级加position:relative;

background: linear-gradient(-45deg, transparent 45px, #FDC44D 0),

linear-gradient(45deg, transparent 15px, #F1A80F 0);

1. 学习日志
2. 日常学习日志
3. Mybatis学习日志次日
4. 每日学习日志
5. 学习linux日志.
6. 日志学习（一）
7. Python 日志学习
8. pig学习日志
9. node.js学习日志
10. SQL|学习日志
更多相关文章...
• 您已经学习了 XML Schema，下一步学习什么呢？ - XML Schema 教程
• 我们已经学习了 SQL，下一步学习什么呢？ - SQL 教程
• Tomcat学习笔记（史上最全tomcat学习笔记）
• 适用于PHP初学者的学习线路和建议