TypechoJoeTheme

Dcr163的博客

统计
搜索到 318 篇与 日志 的结果
2017-03-10

CSS3变形--旋转 rotate()

CSS3变形--旋转 rotate()
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。例如:将文本旋转回到原来水平位置。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>变形与动画</title> <style>     .wrapper {       margin: 100px auto;       width: 300px;       height: ...
2017-03-10

日志

963 阅读
0 评论
2017年03月10日
963 阅读
0 评论
2017-03-10

CSS3选择器 ::before和::after

CSS3选择器 ::before和::after
::before和::after这两个主要用来给元素的前面或后面插入内容,这两个常和"content"配合使用,使用的场景最多的就是清除浮动。<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>before、after</title> <style> .box h3{   text-align:center;   position:relative;   top:80px; } .box {   width:70%;   height:200px;   background:#FFF;   margin:40px auto; } .effect{   po...
2017-03-10

日志

931 阅读
0 评论
2017年03月10日
931 阅读
0 评论
2017-03-10

CSS3选择器 :read-write选择器

CSS3选择器 :read-write选择器
    “:read-write”选择器刚好与“:read-only”选择器相反,主要用来指定当元素处于非只读状态时的样式。例如:设置不是只读控件的文本框边框为2px solid red<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>属性选择器</title> <style>     form {       width: 300px;       padding: 10px;       border: 1px solid #ccc; &n...
2017-03-10

日志

928 阅读
0 评论
2017年03月10日
928 阅读
0 评论
2017-03-10

CSS3选择器 :read-only选择器

CSS3选择器 :read-only选择器
“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是,元素中设置了“readonly=’readonly’”例如:设置textarea的只读样式。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>属性选择器</title> <style>     form {       width: 300px;       padding: 10px;       border: 1px solid #ccc;     &nbs...
2017-03-10

日志

882 阅读
0 评论
2017年03月10日
882 阅读
0 评论
2017-03-10

CSS3选择器 ::selection选择器

CSS3选择器 ::selection选择器
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。有的时候设计要求,不使用浏览器默认的突出文本效果,需要一个与众不同的效果,此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。例如:将鼠标选中的文本时的背景变成 red,文本变成 white<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>::selection选择器</title> <style>     ::selection{         background:red;         color:#fff;   ...
2017-03-10

日志

903 阅读
0 评论
2017年03月10日
903 阅读
0 评论
2017-03-10

CSS3选择器 :checked选择器

CSS3选择器 :checked选择器
在表单元素中,单选按钮和复选按钮都具有选中和未选中状态。(大家都知道,要覆写这两个按钮默认样式比较困难)。在CSS3中,我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态例如:实现自定义单选按钮的效果。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>属性选择器</title> <link href="style.css" rel="stylesheet" type="text/css"> <style>     form {       border: 1px solid&n...
2017-03-10

日志

865 阅读
0 评论
2017年03月10日
865 阅读
0 评论
2017-03-09

CSS3选择器 :disabled选择器

CSS3选择器 :disabled选择器
“:disabled”选择器刚好与“:enabled”选择器相反,用来选择不可用表单元素。要正常使用“:disabled”选择器,需要在表单元素的HTML中设置“disabled”属性。例如:让不可用按钮显示为灰色。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>属性选择器</title> <style>     input[type='submit']:disabled{         background:#999;         border:rgba(25,25,8,0.5);     } &...
2017-03-09

日志

910 阅读
0 评论
2017年03月09日
910 阅读
0 评论
2017-03-09

CSS3选择器 :enabled选择器

CSS3选择器 :enabled选择器
在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。例如:可用输入框设置一个#f36颜色的边框以及5px的阴影色。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>属性选择器</title> <style>     input[type='text']:enabled{         border:1px solid #f36;        &n...
2017-03-09

日志

787 阅读
0 评论
2017年03月09日
787 阅读
0 评论
2017-03-09

CSS3 only-of-type选择器

CSS3 only-of-type选择器
“:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解,换一种说法。“:only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。例如:将仅有一个P元素的背景修改为橙色。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>属性选择器</title> <style>     .wrapper >p:only-of-type{         background:orange;     } </style>...
2017-03-09

日志

875 阅读
0 评论
2017年03月09日
875 阅读
0 评论
2017-03-09

CSS3 only-child选择器

CSS3 only-child选择器
“:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。例如:通过“:only-child”选择器,改变只有一个列表项的背景色为橙色。<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <title>属性选择器</title> <link href="style.css" rel="stylesheet" type="text/css"> <style>     li:only-child{         background:orange;  ...
2017-03-09

日志

942 阅读
0 评论
2017年03月09日
942 阅读
0 评论

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. http://goldenfiber.ru/forum/?PAGE_NAME=profile_view&UID=55151&backurl=%2Fforum%2F%3FPAGE_NAME%3Dprofile_view%26UID%3D32514
    2025-07-10
  2. https://www.triptipedia.com/user/phmapaladnet
    2025-05-08
  3. https://Sites.google.com/view/vavada-online-casino
    2025-04-12
  4. https://x.com/jeetbuzzcom
    2025-04-07
  5. prozone.cc alternative
    2025-03-19

标签云