Загрузка...
Заглавна буква другим цветом
.test-page-title:first-letter {
color:#ff0000;
}
Пример
Стилизация контента
Вертикальный текст
.vert-text {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(-90deg);
-ms-transform-origin: left top 0;
-moz-transform-origin: left top 0;
-webkit-transform-origin: left top 0;
transform-origin: left top 0;
}
Пример
Стилизация контента
Адаптивная таблица на CSS
<html>
<head>
</head>
<body>
<style>
body {
font-family: arial;
}
table {
border: 1px solid #ccc;
width: 100%;
margin:0;
padding:0;
border-collapse: collapse;
border-spacing: 0;
}
table tr {
border: 1px solid #ddd;
padding: 5px;
}
table th, table td {
padding: 10px;
text-align: center;
}
table th {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
table {
border: 0;
}
table thead {
display: none;
}
table tr {
margin-bottom: 10px;
display: block;
border-bottom: 2px solid #ddd;
}
table td {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
}
table td:last-child {
border-bottom: 0;
}
table td:before {
content: attr(data-xxx);
float: left;
text-transform: uppercase;
font-weight: bold;
}
}
</style>
<table class="rain-table-adaptive">
<thead>
<tr>
<th>Автомобиль</th>
<th>Год выпуска</th>
<th>Цвет</th>
<th>Тип кузова</th>
<th>Вид топлива</th>
</tr>
</thead>
<tbody>
<tr>
<td data-xxx="Автомобиль">ВАЗ 2110</td>
<td data-xxx="Год выпуска">2010</td>
<td data-xxx="Цвет">Серебристый</td>
<td data-xxx="Тип кузова">Универсал</td>
<td data-xxx="Вид топлива">Газ / бензин</td>
</tr>
<tr>
<td data-xxx="Автомобиль">ВАЗ 2104</td>
<td data-xxx="Год выпуска">2014</td>
<td data-xxx="Цвет">Бежевый </td>
<td data-xxx="Тип кузова">Седан</td>
<td data-xxx="Вид топлива">Газ / бензин</td>
</tr>
</tbody>
</table>
</body>
</html>
Пример
| Автомобиль | Год выпуска | Цвет | Тип кузова | Вид топлива |
|---|---|---|---|---|
| ВАЗ 2110 | 2010 | Серебристый | Универсал | Газ / бензин |
| ВАЗ 2104 | 2014 | Бежевый | Седан | Газ / бензин |
использованию Java UI фреймворков. Новички (и не только!) часто находятся перед горой разноцветных виджетов, словно малые дети перед лего конструктором. Им поятно, что вот «это» можно воткнуть в «то» и высветится «гыгы», но дальше-то что? Информацию по архитектуре UI призодится вылавливать по крупицам или добывать методом наступания на различные грабли. Что такое UI-Delegate и чем он отличается от MVC? Чем отличается MVC от MVP? Где поместить логику приложения? Следят ли UI-Виджеты за изменениями в модели? А наоборот? Какие есть на сегодняшний день толковые Data Binding решения для свинга и есть ли они вообще? Если автор действительно постарается
По работе очень редко сталкиваюсь с Java UI фреймворками, в том плане что надо на них что-то создать или модернизировать, но если подвернется какая-нибудь задачка с их использованием, обязательно напишу статью.
I have learn several just right stuff here. Definitely worth bookmarking for revisiting. I surprise how so much attempt you put to create one of these excellent informative site.
It’s difficult to find educated people on this topic, but you sound like you know what you’re talking about!
Thanks
This website was… how do I say it? Relevant!! Finally I have found something
that helped me. Appreciate it!
Nice post. I learn something totally new and challenging on blogs I stumbleupon on a daily basis.
It’s always interesting to read articles
from other writers and use a little something from their sites.